<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>潮汕国际商会综合服务平台</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
            line-height: 1.6;
            color: #2c3e50;
            background: #f8fafc;
        }

        /* 页面显示控制 */
        .page {
            display: none;
        }

        .page.active {
            display: block;
        }

        /* 头部导航 - 高级配色 */
        .header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .header-top {
            background: rgba(0, 0, 0, 0.1);
            color: white;
            padding: 12px 0;
            font-size: 14px;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .header-top .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
        }

        .header-contact {
            display: flex;
            gap: 25px;
            flex-wrap: wrap;
        }

        .header-actions {
            display: flex;
            gap: 15px;
            align-items: center;
            flex-wrap: wrap;
        }

        .language-switcher {
            display: flex;
            gap: 8px;
            align-items: center;
        }

        .language-switcher button {
            background: rgba(255, 255, 255, 0.2);
            color: white;
            border: 1px solid rgba(255, 255, 255, 0.3);
            padding: 6px 12px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 12px;
            transition: all 0.3s;
        }

        .language-switcher button.active,
        .language-switcher button:hover {
            background: rgba(255, 255, 255, 0.3);
            border-color: rgba(255, 255, 255, 0.5);
        }

        .header-user-actions {
            display: flex;
            gap: 12px;
        }

        .header-user-actions button {
            background: rgba(255, 255, 255, 0.15);
            color: white;
            border: 1px solid rgba(255, 255, 255, 0.3);
            padding: 8px 16px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 13px;
            transition: all 0.3s;
            backdrop-filter: blur(10px);
        }

        .header-user-actions button:hover {
            background: rgba(255, 255, 255, 0.25);
            transform: translateY(-1px);
        }

        .nav-container {
            padding: 20px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 15px;
            cursor: pointer;
        }

        .logo-icon {
            width: 55px;
            height: 55px;
            background: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 22px;
            font-weight: bold;
            box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
        }

        .logo-text h1 {
            color: white;
            font-size: 22px;
            font-weight: 600;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }

        .logo-text p {
            color: rgba(255, 255, 255, 0.9);
            font-size: 13px;
            margin-top: 2px;
        }

        .main-nav {
            display: flex;
            list-style: none;
            gap: 8px;
            flex-wrap: wrap;
        }

        .main-nav button {
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: white;
            font-weight: 500;
            font-size: 14px;
            cursor: pointer;
            padding: 10px 16px;
            border-radius: 8px;
            transition: all 0.3s;
            backdrop-filter: blur(10px);
            white-space: nowrap;
        }

        .main-nav button:hover,
        .main-nav button.active {
            background: rgba(255, 255, 255, 0.25);
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }

        /* 移动端汉堡菜单 */
        .mobile-menu-btn {
            display: none;
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: white;
            font-size: 18px;
            padding: 10px;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .mobile-menu-btn:hover {
            background: rgba(255, 255, 255, 0.25);
        }

        .mobile-nav {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            padding: 20px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        }

        .mobile-nav.active {
            display: block;
        }

        .mobile-nav button {
            display: block;
            width: 100%;
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: white;
            font-weight: 500;
            font-size: 16px;
            cursor: pointer;
            padding: 15px;
            border-radius: 8px;
            margin-bottom: 10px;
            transition: all 0.3s;
            text-align: left;
        }

        .mobile-nav button:hover,
        .mobile-nav button.active {
            background: rgba(255, 255, 255, 0.25);
        }

        .user-menu {
            position: relative;
            display: inline-block;
        }

        .user-dropdown {
            position: absolute;
            top: 100%;
            right: 0;
            background: white;
            border: 1px solid #e1e8ed;
            border-radius: 12px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
            min-width: 200px;
            padding: 8px 0;
            display: none;
            z-index: 1000;
        }

        .user-dropdown.active {
            display: block;
        }

        .user-dropdown button {
            width: 100%;
            text-align: left;
            padding: 12px 20px;
            border: none;
            background: none;
            cursor: pointer;
            color: #2c3e50;
            transition: all 0.2s;
        }

        .user-dropdown button:hover {
            background: #f8fafc;
        }

        /* 轮播图区域 */
        .banner {
            position: relative;
            height: 500px;
            overflow: hidden;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #667eea 100%);
        }

        .banner-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
            opacity: 0;
            transition: opacity 1.5s ease-in-out;
        }

        .banner-slide.active {
            opacity: 1;
        }

        .banner-content h2 {
            font-size: 52px;
            margin-bottom: 25px;
            font-weight: 700;
            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        }

        .banner-content p {
            font-size: 22px;
            margin-bottom: 35px;
            max-width: 800px;
            opacity: 0.95;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }

        .banner-actions {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .btn {
            padding: 14px 30px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            text-decoration: none;
            display: inline-block;
        }

        .btn-primary {
            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
            color: white;
            box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
        }

        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(255, 107, 107, 0.6);
        }

        .btn-secondary {
            background: rgba(255,255,255,0.15);
            color: white;
            border: 2px solid rgba(255,255,255,0.3);
            backdrop-filter: blur(10px);
        }

        .btn-secondary:hover {
            background: rgba(255,255,255,0.25);
            transform: translateY(-3px);
        }

        .btn-danger {
            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
            color: white;
            font-size: 12px;
            padding: 6px 12px;
            margin-left: 10px;
        }

        .btn-danger:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
        }

        .banner-indicators {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
        }

        .banner-indicator {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: rgba(255,255,255,0.4);
            cursor: pointer;
            transition: all 0.3s;
        }

        .banner-indicator.active {
            background: white;
            transform: scale(1.2);
        }

        /* 业务模块区域 */
        .business-section {
            padding: 100px 0;
            background: linear-gradient(135deg, #f8fafc 0%, #e3f2fd 100%);
        }

        .section-title {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-title h2 {
            font-size: 38px;
            color: #2c3e50;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .section-title p {
            font-size: 18px;
            color: #64748b;
        }

        .business-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;
        }

        .business-card {
            background: white;
            padding: 35px;
            border-radius: 16px;
            text-align: center;
            transition: all 0.4s;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
            border: 1px solid #f1f5f9;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

        .business-card:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }

        .business-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
        }

        .business-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 25px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            color: white;
            box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
        }

        .business-card h3 {
            font-size: 22px;
            color: #2c3e50;
            margin-bottom: 15px;
            font-weight: 600;
        }

        .business-card p {
            color: #64748b;
            line-height: 1.7;
            font-size: 15px;
        }

        /* 页面内容样式 */
        .page-content {
            padding: 80px 0;
            min-height: 500px;
        }

        .page-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .page-title h1 {
            font-size: 36px;
            color: #2c3e50;
            margin-bottom: 15px;
            font-weight: 700;
        }

        .content-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 25px;
            margin-top: 40px;
        }

        .content-card {
            background: white;
            padding: 30px;
            border-radius: 16px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
            transition: all 0.3s;
            border: 1px solid #f1f5f9;
        }

        .content-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.12);
        }

        .content-card h3 {
            color: #2c3e50;
            margin-bottom: 18px;
            font-size: 20px;
            font-weight: 600;
        }

        .content-card p {
            color: #64748b;
            line-height: 1.7;
            font-size: 15px;
        }

        /* 服务子模块样式 */
        .service-submenu {
            display: none;
            background: white;
            padding: 30px;
            border-radius: 16px;
            margin-bottom: 30px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
        }

        .service-submenu.active {
            display: block;
        }

        .submenu-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
        }

        .submenu-item {
            background: #f8fafc;
            padding: 20px;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s;
            border-left: 4px solid #667eea;
        }

        .submenu-item:hover {
            background: #e3f2fd;
            transform: translateY(-2px);
        }

        .submenu-item h4 {
            color: #2c3e50;
            margin-bottom: 10px;
            font-size: 18px;
        }

        .submenu-item p {
            color: #64748b;
            font-size: 14px;
        }

        /* 服务详情页面样式 */
        .service-detail {
            display: none;
        }

        .service-detail.active {
            display: block;
        }

        .service-detail-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 60px 0;
            text-align: center;
            margin-bottom: 40px;
        }

        .service-detail-header h1 {
            font-size: 36px;
            margin-bottom: 15px;
        }

        .service-detail-header p {
            font-size: 18px;
            opacity: 0.9;
        }

        .back-button {
            background: rgba(255,255,255,0.2);
            color: white;
            border: 1px solid rgba(255,255,255,0.3);
            padding: 10px 20px;
            border-radius: 6px;
            cursor: pointer;
            margin-bottom: 20px;
            display: inline-block;
        }

        .back-button:hover {
            background: rgba(255,255,255,0.3);
        }

        /* 用户信息卡片 */
        .user-info-card {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 30px;
            border-radius: 16px;
            text-align: center;
            margin-bottom: 30px;
            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
        }

        .user-avatar {
            width: 70px;
            height: 70px;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            font-weight: bold;
            margin: 0 auto 20px;
            backdrop-filter: blur(10px);
        }

        /* 权限徽章 */
        .permission-badge {
            display: inline-block;
            padding: 4px 12px;
            border-radius: 12px;
            font-size: 11px;
            font-weight: 600;
            margin-left: 8px;
        }

        .permission-badge.admin {
            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
            color: white;
        }

        .permission-badge.subchamber {
            background: linear-gradient(135deg, #feca57 0%, #ff9ff3 100%);
            color: white;
        }

        .permission-badge.manufacturer {
            background: linear-gradient(135deg, #48cae4 0%, #023e8a 100%);
            color: white;
        }

        /* 登录提示区域 */
        .login-required {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 80px 40px;
            text-align: center;
            border-radius: 16px;
            margin: 40px 0;
            box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
        }

        .login-required h3 {
            margin-bottom: 20px;
            font-size: 28px;
            font-weight: 600;
        }

        .login-required p {
            margin-bottom: 30px;
            opacity: 0.9;
            font-size: 16px;
        }

        /* 表单样式 */
        .form-group {
            margin-bottom: 24px;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #374151;
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 14px 16px;
            border: 2px solid #e5e7eb;
            border-radius: 8px;
            font-size: 15px;
            transition: all 0.3s;
        }

        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        }

        /* 模态框 */
        .modal {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.6);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 2000;
            padding: 20px;
            backdrop-filter: blur(5px);
        }

        .modal.active {
            display: flex;
        }

        .modal-content {
            background: white;
            border-radius: 16px;
            padding: 35px;
            width: 100%;
            max-width: 500px;
            max-height: 90vh;
            overflow-y: auto;
            box-shadow: 0 20px 40px rgba(0,0,0,0.2);
        }

        .modal-header {
            text-align: center;
            margin-bottom: 30px;
        }

        .modal-header h2 {
            font-size: 24px;
            color: #2c3e50;
            margin-bottom: 8px;
            font-weight: 600;
        }

        .modal-buttons {
            display: flex;
            gap: 15px;
            margin-top: 30px;
        }

        .modal-buttons button {
            flex: 1;
            padding: 14px;
            border: none;
            border-radius: 8px;
            font-size: 15px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }

        /* 悬浮联系方式 */
        .floating-contact {
            position: fixed;
            right: 25px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1000;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .contact-item {
            width: 55px;
            height: 55px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 22px;
            cursor: pointer;
            transition: all 0.3s;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            backdrop-filter: blur(10px);
        }

        .contact-phone {
            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
        }

        .contact-wechat {
            background: linear-gradient(135deg, #51cf66 0%, #40c057 100%);
        }

        .contact-email {
            background: linear-gradient(135deg, #339af0 0%, #228be6 100%);
        }

        .contact-item:hover {
            transform: scale(1.15);
            box-shadow: 0 8px 25px rgba(0,0,0,0.3);
        }

        /* 页脚 */
        .footer {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 60px 0 30px;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }

        .footer-section h3 {
            font-size: 20px;
            margin-bottom: 20px;
            color: #667eea;
            font-weight: 600;
        }

        .footer-section p,
        .footer-section li {
            color: #bdc3c7;
            line-height: 1.8;
            margin-bottom: 10px;
            font-size: 15px;
        }

        .footer-section ul {
            list-style: none;
        }

        .footer-section button {
            background: none;
            border: none;
            color: #bdc3c7;
            cursor: pointer;
            padding: 0;
            text-align: left;
            font-size: 15px;
            transition: all 0.3s;
        }

        .footer-section button:hover {
            color: #667eea;
        }

        .footer-bottom {
            border-top: 1px solid #34495e;
            padding-top: 25px;
            text-align: center;
            color: #95a5a6;
            font-size: 14px;
        }

        /* 通知消息样式 */
        .notification {
            position: fixed;
            top: 100px;
            right: 25px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 18px 24px;
            border-radius: 12px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.2);
            z-index: 10000;
            max-width: 380px;
            display: none;
            animation: slideIn 0.4s ease;
            backdrop-filter: blur(10px);
        }

        @keyframes slideIn {
            from {
                transform: translateX(100%);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        .notification.success {
            background: linear-gradient(135deg, #51cf66 0%, #40c057 100%);
        }

        .notification.error {
            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
        }

        .notification.warning {
            background: linear-gradient(135deg, #feca57 0%, #ff9ff3 100%);
        }

        /* 数据管理区域 */
        .data-management {
            background: white;
            padding: 30px;
            border-radius: 16px;
            margin: 30px 0;
            box-shadow: 0 8px 25px rgba(0,0,0,0.08);
        }

        .data-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }

        .data-table th,
        .data-table td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #e1e8ed;
        }

        .data-table th {
            background: #f8fafc;
            font-weight: 600;
            color: #374151;
        }

        /* 商务信息卡片样式 */
        .business-post-card {
            background: white;
            border: 1px solid #e1e8ed;
            border-radius: 12px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            transition: all 0.3s;
            cursor: pointer;
        }

        .business-post-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
            border-color: #667eea;
        }

        /* 新闻卡片样式 */
        .news-card {
            background: white;
            border: 1px solid #e1e8ed;
            border-radius: 12px;
            padding: 25px;
            margin-bottom: 25px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            transition: all 0.3s;
        }

        .news-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
            border-color: #667eea;
        }

        .news-card h3 {
            color: #2c3e50;
            margin-bottom: 15px;
            font-size: 20px;
            font-weight: 600;
        }

        .news-card p {
            color: #64748b;
            line-height: 1.7;
            margin-bottom: 15px;
        }

        .news-meta {
            font-size: 12px;
            color: #999;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .news-category {
            background: #667eea;
            color: white;
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 11px;
        }

        /* 移动端优化 */
        @media (max-width: 768px) {
            .container {
                padding: 0 12px;
            }

            /* 移动端优化顶部导航栏 - 隐藏联系信息，保留登录和语言切换 */
            .header-top {
                padding: 8px 0;
            }

            .header-contact {
                display: none;
            }

            .header-actions {
                width: 100%;
                justify-content: center;
                gap: 10px;
            }

            .language-switcher {
                gap: 5px;
            }

            .language-switcher button {
                padding: 4px 8px;
                font-size: 11px;
            }

            /* 压缩主导航区域 */
            .nav-container {
                position: relative;
                padding: 12px 0;
            }

            /* 压缩logo尺寸 */
            .logo-icon {
                width: 40px;
                height: 40px;
                font-size: 18px;
            }

            .logo-text h1 {
                font-size: 16px;
            }

            .logo-text p {
                font-size: 11px;
                margin-top: 1px;
            }

            .banner {
                height: 400px;
            }

            .banner-content h2 {
                font-size: 24px;
            }

            .banner-content p {
                font-size: 14px;
                padding: 0 20px;
            }

            .business-section {
                padding: 60px 0;
            }

            .business-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            /* 移动端显示汉堡菜单，隐藏桌面端导航 */
            .main-nav {
                display: none;
            }

            .mobile-menu-btn {
                display: block;
            }

            .floating-contact {
                right: 15px;
                gap: 8px;
            }

            .contact-item {
                width: 45px;
                height: 45px;
                font-size: 18px;
            }

            .modal-content {
                padding: 25px;
                margin: 10px;
            }

            .modal-buttons {
                flex-direction: column;
            }
        }

        /* 桌面端隐藏移动菜单 */
        @media (min-width: 769px) {
            .mobile-menu-btn {
                display: none !important;
            }

            .mobile-nav {
                display: none !important;
            }
        }
    </style>
</head>
<body>
    <!-- 通知消息 -->
    <div id="notification" class="notification"></div>

    <!-- 悬浮联系方式 -->
    <div class="floating-contact">
        <div class="contact-item contact-phone" onclick="contactPhone()" title="电话联系">📞</div>
        <div class="contact-item contact-wechat" onclick="contactWechat()" title="微信联系">💬</div>
        <div class="contact-item contact-email" onclick="contactEmail()" title="邮箱联系">📧</div>
    </div>

    <!-- 头部导航 -->
    <header class="header">
        <div class="header-top">
            <div class="container">
                <div class="header-contact">
                    <span>📞 <span data-text="SERVICE_HOTLINE">服务热线</span>：小张123</span>
                    <span>💬 <span data-text="WECHAT">微信</span>：小张123</span>
                    <span>📧 <span data-text="EMAIL">邮箱</span>：xiaoz@chaoshanbusiness.com</span>
                </div>
                <div class="header-actions">
                    <div class="language-switcher">
                        <button onclick="switchLanguage('zh')" id="langZh" class="active">中文</button>
                        <button onclick="switchLanguage('ru')" id="langRu">Русский</button>
                    </div>
                    <div id="guestButtons" class="header-user-actions">
                        <button onclick="showLoginModal()" data-text="LOGIN">登录</button>
                        <button onclick="showRegisterModal()" data-text="REGISTER">注册</button>
                    </div>
                    <div id="userMenu" class="user-menu" style="display: none;">
                        <button onclick="toggleUserDropdown()" id="userButton" style="background: rgba(255,255,255,0.25);">
                            <span id="userName"></span>
                            <span id="userRole" class="permission-badge"></span>
                        </button>
                        <div class="user-dropdown" id="userDropdown">
                            <button onclick="showPage('profile')" data-text="PERSONAL_CENTER">个人中心</button>
                            <button onclick="showPage('admin')" id="adminBtn" style="display: none; color: #ff6b6b; font-weight: 600;" data-text="ADMIN_PANEL">🛡️ 管理面板</button>
                            <button onclick="logout()" data-text="LOGOUT">退出登录</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="container">
            <nav class="nav-container">
                <div class="logo" onclick="showPage('home')">
                    <div class="logo-icon">潮</div>
                    <div class="logo-text">
                        <h1 data-text="PLATFORM_NAME">潮汕国际商会综合服务平台</h1>
                        <p>Chaoshan International Chamber of Commerce</p>
                    </div>
                </div>
                
                <!-- 桌面端导航 -->
                <ul class="main-nav">
                    <li><button onclick="showPage('home')" class="nav-btn active" data-page="home" data-text="HOME">首页</button></li>
                    <li><button onclick="showPage('trade')" class="nav-btn" data-page="trade" data-text="TRADE_ONE_STOP_SERVICE">外贸一站式服务</button></li>
                    <li><button onclick="showPage('ecommerce')" class="nav-btn" data-page="ecommerce" data-text="ECOMMERCE_SERVICE">跨境电商</button></li>
                    <li><button onclick="showPage('logistics')" class="nav-btn" data-page="logistics" data-text="LOGISTICS_SERVICE">国际物流</button></li>
                    <li><button onclick="showPage('overseas')" class="nav-btn" data-page="overseas" data-text="OVERSEAS_SERVICE">出海服务</button></li>
                    <li><button onclick="showPage('news')" class="nav-btn" data-page="news" data-text="NEWS">新闻资讯</button></li>
                    <li><button onclick="showPage('about')" class="nav-btn" data-page="about" data-text="ABOUT_US">关于我们</button></li>
                </ul>

                <!-- 移动端汉堡菜单按钮 -->
                <button class="mobile-menu-btn" onclick="toggleMobileNav()">☰</button>
                
                <!-- 移动端导航菜单 -->
                <div class="mobile-nav" id="mobileNav">
                    <button onclick="showPage('home'); closeMobileNav()" class="mobile-nav-btn active" data-page="home" data-text="HOME">首页</button>
                    <button onclick="showPage('trade'); closeMobileNav()" class="mobile-nav-btn" data-page="trade" data-text="TRADE_ONE_STOP_SERVICE">外贸一站式服务</button>
                    <button onclick="showPage('ecommerce'); closeMobileNav()" class="mobile-nav-btn" data-page="ecommerce" data-text="ECOMMERCE_SERVICE">跨境电商</button>
                    <button onclick="showPage('logistics'); closeMobileNav()" class="mobile-nav-btn" data-page="logistics" data-text="LOGISTICS_SERVICE">国际物流</button>
                    <button onclick="showPage('overseas'); closeMobileNav()" class="mobile-nav-btn" data-page="overseas" data-text="OVERSEAS_SERVICE">出海服务</button>
                    <button onclick="showPage('news'); closeMobileNav()" class="mobile-nav-btn" data-page="news" data-text="NEWS">新闻资讯</button>
                    <button onclick="showPage('about'); closeMobileNav()" class="mobile-nav-btn" data-page="about" data-text="ABOUT_US">关于我们</button>
                </div>
            </nav>
        </div>
    </header>

    <!-- 首页 -->
    <div id="homePage" class="page active">
        <!-- 轮播图区域 -->
        <section class="banner">
            <div id="bannerSlides">
                <!-- 轮播图内容将通过JavaScript动态加载 -->
            </div>
            
            <div class="banner-indicators" id="bannerIndicators">
                <!-- 指示器将通过JavaScript动态生成 -->
            </div>
        </section>

        <!-- 业务模块区域 -->
        <section class="business-section">
            <div class="container">
                <div class="section-title">
                    <h2 data-text="CORE_SERVICES">核心业务服务</h2>
                    <p data-text="SERVICES_DESCRIPTION">为潮汕企业提供全方位、一站式的国际贸易综合服务解决方案</p>
                </div>
                <div class="business-grid">
                    <div class="business-card" onclick="showPage('trade')">
                        <div class="business-icon">🌐</div>
                        <h3 data-text="TRADE_ONE_STOP_SERVICE">外贸一站式服务</h3>
                        <p data-text="TRADE_ONE_STOP_SERVICE_DESC">出口服务、信保服务、金融服务、进口服务、对俄服务等全流程外贸综合服务</p>
                    </div>

                    <div class="business-card" onclick="showPage('ecommerce')">
                        <div class="business-icon">🛒</div>
                        <h3 data-text="ECOMMERCE_SERVICE">跨境电商服务</h3>
                        <p data-text="ECOMMERCE_SERVICE_DESC">专业的跨境电商运营服务，助力企业快速进入海外市场</p>
                    </div>

                    <div class="business-card" onclick="showPage('logistics')">
                        <div class="business-icon">🚢</div>
                        <h3 data-text="LOGISTICS_SERVICE">国际物流服务</h3>
                        <p data-text="LOGISTICS_SERVICE_DESC">智能化、可视化的国际物流服务，覆盖海运、空运、快递等方式</p>
                    </div>

                    <div class="business-card" onclick="showPage('overseas')">
                        <div class="business-icon">🚀</div>
                        <h3 data-text="OVERSEAS_SERVICE">出海服务</h3>
                        <p data-text="OVERSEAS_SERVICE_DESC">检测认证、咨询服务、企业服务、撮合服务、线下展厅等全方位出海支持</p>
                    </div>

                    <div class="business-card" onclick="showPage('news')">
                        <div class="business-icon">📰</div>
                        <h3 data-text="NEWS">新闻资讯</h3>
                        <p data-text="NEWS_DESC">及时了解行业动态、政策解读、市场分析等重要资讯信息</p>
                    </div>

                    <div class="business-card" onclick="showPage('about')">
                        <div class="business-icon">🏛️</div>
                        <h3 data-text="ABOUT_US">关于我们</h3>
                        <p data-text="ABOUT_US_DESC">了解潮汕国际商会的发展历程、服务理念和联系方式</p>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <!-- 外贸一站式服务页面 -->
    <div id="tradePage" class="page">
        <div class="page-content">
            <div class="container">
                <div class="page-title">
                    <h1 data-text="TRADE_ONE_STOP_SERVICE">外贸一站式服务</h1>
                    <p data-text="TRADE_FULL_DESCRIPTION">提供全流程外贸综合服务，助力企业高效开展国际贸易</p>
                </div>

                <div id="tradeLoginRequired" class="login-required">
                    <h3>🔒 <span data-text="LOGIN_REQUIRED_TRADE">请先登录查看外贸服务详情</span></h3>
                    <p data-text="LOGIN_TRADE_BENEFITS">登录后可查看出口服务、信保服务、金融服务、进口服务、对俄服务等详细内容</p>
                    <button class="btn btn-secondary" onclick="showLoginModal()" data-text="LOGIN_NOW">立即登录</button>
                </div>

                <div id="tradeContent" style="display: none;">
                    <div id="tradeUserInfo" class="user-info-card">
                        <div class="user-avatar" id="tradeUserAvatar"></div>
                        <h3 id="tradeUserName"></h3>
                        <p id="tradeUserCompany"></p>
                    </div>

                    <!-- 服务子模块选择 -->
                    <div class="service-submenu active" id="tradeSubmenu">
                        <h3 style="text-align: center; margin-bottom: 30px;" data-text="SELECT_SERVICE_TYPE">选择服务类型</h3>
                        <div class="submenu-grid">
                            <div class="submenu-item" onclick="showServiceDetail('export')">
                                <h4>🚢 <span data-text="EXPORT_SERVICE">出口服务</span></h4>
                                <p data-text="EXPORT_SERVICE_BRIEF">全流程出口贸易综合服务</p>
                            </div>
                            <div class="submenu-item" onclick="showServiceDetail('import')">
                                <h4>📦 <span data-text="IMPORT_SERVICE">进口服务</span></h4>
                                <p data-text="IMPORT_SERVICE_BRIEF">进口贸易代理全方位支持</p>
                            </div>
                            <div class="submenu-item" onclick="showServiceDetail('insurance')">
                                <h4>🛡️ <span data-text="INSURANCE_SERVICE">信保服务</span></h4>
                                <p data-text="INSURANCE_SERVICE_BRIEF">出口信用保险风险保障</p>
                            </div>
                            <div class="submenu-item" onclick="showServiceDetail('finance')">
                                <h4>💰 <span data-text="FINANCE_SERVICE">金融服务</span></h4>
                                <p data-text="FINANCE_SERVICE_BRIEF">贸易融资和外汇避险</p>
                            </div>
                            <div class="submenu-item" onclick="showServiceDetail('russia')">
                                <h4>🇷🇺 <span data-text="RUSSIA_SERVICE_CENTER">对俄服务中心</span></h4>
                                <p data-text="RUSSIA_SERVICE_BRIEF">专业对俄贸易全流程服务</p>
                            </div>
                            <div class="submenu-item" onclick="showServiceDetail('amur')">
                                <h4>🏢 <span data-text="AMUR_ONE_STOP_SERVICE">阿穆尔州一站式服务</span></h4>
                                <p data-text="AMUR_SERVICE_BRIEF">阿穆尔州投资贸易综合服务</p>
                            </div>
                        </div>
                    </div>

                    <!-- 出口服务详情 -->
                    <div class="service-detail" id="exportDetail">
                        <div class="service-detail-header">
                            <button class="back-button" onclick="backToTradeSubmenu()">← <span data-text="BACK">返回</span></button>
                            <h1>🚢 <span data-text="EXPORT_SERVICE">出口服务</span></h1>
                            <p data-text="EXPORT_SERVICE_DETAILED_DESC">专业出口贸易全流程服务，确保您的出口业务顺利进行</p>
                        </div>
                        <div class="container">
                            <div class="content-card">
                                <h3 data-text="SERVICE_CONTENT">服务内容</h3>
                                <ul style="line-height: 2; color: #64748b;">
                                    <li data-text="EXPORT_DOCUMENTATION">• 出口单证制作与审核</li>
                                    <li data-text="CUSTOMS_CLEARANCE">• 报关报检服务</li>
                                    <li data-text="LOGISTICS_ARRANGEMENT">• 物流安排与跟踪</li>
                                    <li data-text="FOREX_SETTLEMENT">• 外汇结算指导</li>
                                    <li data-text="TAX_REFUND">• 出口退税办理</li>
                                </ul>
                                <button class="btn btn-primary" onclick="requestService('export')" style="margin-top: 20px;" data-text="APPLY_EXPORT_SERVICE">申请出口服务</button>
                            </div>
                        </div>
                    </div>

                    <!-- 进口服务详情 -->
                    <div class="service-detail" id="importDetail">
                        <div class="service-detail-header">
                            <button class="back-button" onclick="backToTradeSubmenu()">← <span data-text="BACK">返回</span></button>
                            <h1>📦 <span data-text="IMPORT_SERVICE">进口服务</span></h1>
                            <p data-text="IMPORT_SERVICE_DETAILED_DESC">提供进口贸易代理服务，全方位进口贸易支持</p>
                        </div>
                        <div class="container">
                            <div class="content-card">
                                <h3 data-text="SERVICE_CONTENT">服务内容</h3>
                                <ul style="line-height: 2; color: #64748b;">
                                    <li data-text="IMPORT_LICENSE">• 进口许可证申请</li>
                                    <li data-text="CUSTOMS_PROCEDURES">• 海关通关手续</li>
                                    <li data-text="TAX_PROCESSING">• 税务处理</li>
                                    <li data-text="IMPORT_LOGISTICS">• 物流配送</li>
                                    <li data-text="QUALITY_INSPECTION">• 商品质检服务</li>
                                </ul>
                                <button class="btn btn-primary" onclick="requestService('import')" style="margin-top: 20px;" data-text="APPLY_IMPORT_SERVICE">申请进口服务</button>
                            </div>
                        </div>
                    </div>

                    <!-- 信保服务详情 -->
                    <div class="service-detail" id="insuranceDetail">
                        <div class="service-detail-header">
                            <button class="back-button" onclick="backToTradeSubmenu()">← <span data-text="BACK">返回</span></button>
                            <h1>🛡️ <span data-text="INSURANCE_SERVICE">信保服务</span></h1>
                            <p data-text="INSURANCE_SERVICE_DETAILED_DESC">提供出口信用保险服务，有效规避海外买家信用风险</p>
                        </div>
                        <div class="container">
                            <div class="content-card">
                                <h3 data-text="SERVICE_CONTENT">服务内容</h3>
                                <ul style="line-height: 2; color: #64748b;">
                                    <li data-text="CREDIT_EVALUATION">• 买家信用评估</li>
                                    <li data-text="INSURANCE_APPLICATION">• 保险投保申请</li>
                                    <li data-text="RISK_MONITORING">• 风险监控与预警</li>
                                    <li data-text="CLAIMS_PROCESSING">• 理赔服务支持</li>
                                    <li data-text="POLICY_CONSULTATION">• 保险政策咨询</li>
                                </ul>
                                <button class="btn btn-primary" onclick="requestService('insurance')" style="margin-top: 20px;" data-text="APPLY_INSURANCE_SERVICE">申请信保服务</button>
                            </div>
                        </div>
                    </div>

                    <!-- 金融服务详情 -->
                    <div class="service-detail" id="financeDetail">
                        <div class="service-detail-header">
                            <button class="back-button" onclick="backToTradeSubmenu()">← <span data-text="BACK">返回</span></button>
                            <h1>💰 <span data-text="FINANCE_SERVICE">金融服务</span></h1>
                            <p data-text="FINANCE_SERVICE_DETAILED_DESC">提供贸易融资、外汇避险、跨境结算等金融服务</p>
                        </div>
                        <div class="container">
                            <div class="content-card">
                                <h3 data-text="SERVICE_CONTENT">服务内容</h3>
                                <ul style="line-height: 2; color: #64748b;">
                                    <li data-text="TRADE_FINANCING">• 贸易融资产品</li>
                                    <li data-text="FOREX_HEDGING">• 外汇避险服务</li>
                                    <li data-text="CROSS_BORDER_SETTLEMENT">• 跨境结算方案</li>
                                    <li data-text="LETTER_OF_CREDIT">• 信用证业务</li>
                                    <li data-text="FINANCIAL_CONSULTATION">• 金融方案咨询</li>
                                </ul>
                                <button class="btn btn-primary" onclick="requestService('finance')" style="margin-top: 20px;" data-text="APPLY_FINANCE_SERVICE">申请金融服务</button>
                            </div>
                        </div>
                    </div>

                    <!-- 对俄服务中心详情 -->
                    <div class="service-detail" id="russiaDetail">
                        <div class="service-detail-header">
                            <button class="back-button" onclick="backToTradeSubmenu()">← <span data-text="BACK">返回</span></button>
                            <h1>🇷🇺 <span data-text="RUSSIA_SERVICE_CENTER">对俄服务中心</span></h1>
                            <p data-text="RUSSIA_SERVICE_DETAILED_DESC">专业对俄贸易服务，深度了解俄罗斯市场和政策</p>
                        </div>
                        <div class="container">
                            <div class="content-grid">
                                <div class="content-card">
                                    <h3>🏢 <span data-text="COMPANY_REGISTRATION">公司注册服务</span></h3>
                                    <ul style="line-height: 2; color: #64748b;">
                                        <li data-text="RUSSIA_COMPANY_SETUP">• 俄罗斯公司设立</li>
                                        <li data-text="BUSINESS_LICENSE">• 营业执照办理</li>
                                        <li data-text="TAX_REGISTRATION">• 税务登记服务</li>
                                        <li data-text="BANK_ACCOUNT_OPENING">• 银行开户协助</li>
                                    </ul>
                                    <button class="btn btn-primary" onclick="requestService('russia-company')" style="margin-top: 15px;" data-text="APPLY_COMPANY_REGISTRATION">申请公司注册</button>
                                </div>
                                
                                <div class="content-card">
                                    <h3>⚖️ <span data-text="LEGAL_FINANCIAL_SERVICES">财税法律服务</span></h3>
                                    <ul style="line-height: 2; color: #64748b;">
                                        <li data-text="TAX_PLANNING">• 税务筹划方案</li>
                                        <li data-text="LEGAL_CONSULTATION">• 法律咨询服务</li>
                                        <li data-text="CONTRACT_REVIEW">• 合同审核起草</li>
                                        <li data-text="COMPLIANCE_GUIDANCE">• 合规指导建议</li>
                                    </ul>
                                    <button class="btn btn-primary" onclick="requestService('russia-legal')" style="margin-top: 15px;" data-text="APPLY_LEGAL_SERVICES">申请法律服务</button>
                                </div>
                                
                                <div class="content-card">
                                    <h3>🌐 <span data-text="WEBSITE_DEVELOPMENT">独立站开发</span></h3>
                                    <ul style="line-height: 2; color: #64748b;">
                                        <li data-text="CUSTOM_WEBSITE">• 定制化网站建设</li>
                                        <li data-text="MULTILINGUAL_SUPPORT">• 俄语本地化支持</li>
                                        <li data-text="PAYMENT_INTEGRATION">• 支付系统集成</li>
                                        <li data-text="SEO_OPTIMIZATION">• SEO优化服务</li>
                                    </ul>
                                    <button class="btn btn-primary" onclick="requestService('russia-website')" style="margin-top: 15px;" data-text="APPLY_WEBSITE_DEVELOPMENT">申请建站服务</button>
                                </div>
                                
                                <div class="content-card">
                                    <h3>🤝 <span data-text="TRADE_FACILITATION">贸易便利化</span></h3>
                                    <ul style="line-height: 2; color: #64748b;">
                                        <li data-text="CUSTOMS_CLEARANCE_RUSSIA">• 俄方清关服务</li>
                                        <li data-text="LOGISTICS_COORDINATION">• 物流协调安排</li>
                                        <li data-text="BUSINESS_MATCHING">• 商务对接服务</li>
                                        <li data-text="MARKET_RESEARCH">• 市场调研分析</li>
                                    </ul>
                                    <button class="btn btn-primary" onclick="requestService('russia-trade')" style="margin-top: 15px;" data-text="APPLY_TRADE_SERVICES">申请贸易服务</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 阿穆尔州一站式服务详情 -->
                    <div class="service-detail" id="amurDetail">
                        <div class="service-detail-header">
                            <button class="back-button" onclick="backToTradeSubmenu()">← <span data-text="BACK">返回</span></button>
                            <h1>🏢 <span data-text="AMUR_ONE_STOP_SERVICE">阿穆尔州一站式服务</span></h1>
                            <p data-text="AMUR_SERVICE_DETAILED_DESC">阿穆尔州投资贸易综合服务，享受当地政策优惠</p>
                        </div>
                        <div class="container">
                            <div class="content-grid">
                                <div class="content-card">
                                    <h3>🎯 <span data-text="INVESTMENT_SERVICES">投资服务</span></h3>
                                    <ul style="line-height: 2; color: #64748b;">
                                        <li data-text="INVESTMENT_CONSULTATION">• 投资咨询指导</li>
                                        <li data-text="PROJECT_PLANNING">• 项目规划设计</li>
                                        <li data-text="POLICY_ANALYSIS">• 政策分析解读</li>
                                        <li data-text="RISK_ASSESSMENT">• 投资风险评估</li>
                                    </ul>
                                    <button class="btn btn-primary" onclick="requestService('amur-investment')" style="margin-top: 15px;" data-text="APPLY_INVESTMENT_SERVICES">申请投资服务</button>
                                </div>
                                
                                <div class="content-card">
                                    <h3>🏭 <span data-text="INDUSTRIAL_PARK_SERVICES">工业园区服务</span></h3>
                                    <ul style="line-height: 2; color: #64748b;">
                                        <li data-text="LAND_LEASE">• 土地租赁服务</li>
                                        <li data-text="INFRASTRUCTURE_SUPPORT">• 基础设施支持</li>
                                        <li data-text="UTILITIES_CONNECTION">• 水电气接入</li>
                                        <li data-text="CONSTRUCTION_PERMITS">• 建设许可办理</li>
                                    </ul>
                                    <button class="btn btn-primary" onclick="requestService('amur-industrial')" style="margin-top: 15px;" data-text="APPLY_INDUSTRIAL_SERVICES">申请园区服务</button>
                                </div>
                                
                                <div class="content-card">
                                    <h3>📋 <span data-text="ADMINISTRATIVE_SERVICES">行政服务</span></h3>
                                    <ul style="line-height: 2; color: #64748b;">
                                        <li data-text="PERMIT_APPLICATION">• 各类许可申请</li>
                                        <li data-text="GOVERNMENT_LIAISON">• 政府部门对接</li>
                                        <li data-text="DOCUMENT_TRANSLATION">• 文件翻译公证</li>
                                        <li data-text="PROCEDURE_GUIDANCE">• 办事流程指导</li>
                                    </ul>
                                    <button class="btn btn-primary" onclick="requestService('amur-admin')" style="margin-top: 15px;" data-text="APPLY_ADMIN_SERVICES">申请行政服务</button>
                                </div>
                                
                                <div class="content-card">
                                    <h3>🏠 <span data-text="LIVING_SERVICES">生活服务</span></h3>
                                    <ul style="line-height: 2; color: #64748b;">
                                        <li data-text="ACCOMMODATION_ARRANGEMENT">• 住宿安排服务</li>
                                        <li data-text="TRANSPORTATION_SERVICES">• 交通出行服务</li>
                                        <li data-text="LANGUAGE_SUPPORT">• 语言翻译支持</li>
                                        <li data-text="CULTURAL_GUIDANCE">• 文化适应指导</li>
                                    </ul>
                                    <button class="btn btn-primary" onclick="requestService('amur-living')" style="margin-top: 15px;" data-text="APPLY_LIVING_SERVICES">申请生活服务</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 跨境电商服务页面 -->
    <div id="ecommercePage" class="page">
        <div class="page-content">
            <div class="container">
                <div class="page-title">
                    <h1 data-text="ECOMMERCE_SERVICE">跨境电商服务</h1>
                    <p data-text="ECOMMERCE_PROFESSIONAL_DESCRIPTION">专业的跨境电商运营服务，助力企业快速进入海外市场</p>
                </div>

                <div id="ecommerceLoginRequired" class="login-required">
                    <h3>🔒 <span data-text="LOGIN_REQUIRED_ECOMMERCE">请先登录查看跨境电商服务</span></h3>
                    <p data-text="LOGIN_ECOMMERCE_BENEFITS">登录后可了解平台运营、产品优化、广告推广等专业电商服务</p>
                    <button class="btn btn-secondary" onclick="showLoginModal()" data-text="LOGIN_NOW">立即登录</button>
                </div>

                <div id="ecommerceContent" style="display: none;">
                    <div class="content-card">
                        <h3>🛒 <span data-text="COMPREHENSIVE_ECOMMERCE_SERVICE">跨境电商综合服务</span></h3>
                        <p style="margin-bottom: 20px;" data-text="ECOMMERCE_COMPREHENSIVE_DESCRIPTION">我们提供专业的跨境电商运营服务，帮助传统外贸企业快速转型，在Amazon、eBay、Shopify等主流平台实现业务增长。</p>
                        
                        <div class="content-grid">
                            <div style="background: #f8fafc; padding: 20px; border-radius: 8px;">
                                <h4 data-text="PLATFORM_OPERATION">平台入驻与运营</h4>
                                <p data-text="PLATFORM_OPERATION_DESC">Amazon、eBay、Shopify等主流平台开店及日常运营管理</p>
                            </div>
                            <div style="background: #f8fafc; padding: 20px; border-radius: 8px;">
                                <h4 data-text="PRODUCT_OPTIMIZATION">产品上架与优化</h4>
                                <p data-text="PRODUCT_OPTIMIZATION_DESC">专业的产品详情页制作、SEO优化，提升产品搜索排名</p>
                            </div>
                            <div style="background: #f8fafc; padding: 20px; border-radius: 8px;">
                                <h4 data-text="ADVERTISING_PROMOTION">广告投放与推广</h4>
                                <p data-text="ADVERTISING_PROMOTION_DESC">精准广告投放策略，提升转化率和ROI</p>
                            </div>
                            <div style="background: #f8fafc; padding: 20px; border-radius: 8px;">
                                <h4 data-text="CUSTOMER_SERVICE">客户服务与售后</h4>
                                <p data-text="CUSTOMER_SERVICE_DESC">多语言客服支持，专业售后服务处理</p>
                            </div>
                        </div>
                        
                        <button class="btn btn-primary" onclick="requestService('ecommerce')" style="margin-top: 20px;" data-text="CONSULT_ECOMMERCE_SERVICE">咨询跨境电商服务</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 国际物流服务页面 -->
    <div id="logisticsPage" class="page">
        <div class="page-content">
            <div class="container">
                <div class="page-title">
                    <h1 data-text="LOGISTICS_SERVICE">国际物流服务</h1>
                    <p data-text="INTELLIGENT_LOGISTICS">智能化、可视化的国际物流服务</p>
                </div>

                <div id="logisticsLoginRequired" class="login-required">
                    <h3>🔒 <span data-text="LOGIN_REQUIRED_LOGISTICS">请先登录查看物流服务</span></h3>
                    <p data-text="LOGIN_LOGISTICS_BENEFITS">登录后可查看海运、空运、快递等详细物流服务和实时跟踪功能</p>
                    <button class="btn btn-secondary" onclick="showLoginModal()" data-text="LOGIN_NOW">立即登录</button>
                </div>

                <div id="logisticsContent" style="display: none;">
                    <div class="content-card" style="margin-bottom: 30px;">
                        <h3>🔍 <span data-text="LOGISTICS_TRACKING">物流查询</span></h3>
                        <div style="display: flex; gap: 15px; margin: 20px 0; flex-wrap: wrap;">
                            <input type="text" id="trackingNumber" placeholder="请输入运单号（如：ZX2025082001）" 
                                   style="flex: 1; min-width: 250px; padding: 12px; border: 1px solid #ddd; border-radius: 6px;"
                                   data-placeholder="TRACKING_NUMBER_PLACEHOLDER">
                            <button class="btn btn-primary" onclick="trackPackage()" data-text="TRACK_SHIPMENT">查询物流</button>
                        </div>
                        
                        <div id="trackingResult" style="display: none; margin-top: 25px; padding: 20px; background: #f8fafc; border-radius: 8px; border-left: 4px solid #667eea;">
                            <h4 style="color: #2c3e50; margin-bottom: 15px;" data-text="TRACKING_INFO">物流跟踪信息</h4>
                            <div style="border-left: 2px solid #667eea; padding-left: 20px; margin-left: 8px;">
                                <div style="margin-bottom: 15px; position: relative;">
                                    <div style="position: absolute; left: -25px; top: 0; width: 16px; height: 16px; background: #51cf66; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 10px;">✓</div>
                                    <h5 style="color: #51cf66; margin-bottom: 5px;" data-text="SHIPPED">已发货</h5>
                                    <p style="color: #666; font-size: 13px;">2025-08-20 14:30 - 哈尔滨经开区</p>
                                </div>
                                <div style="margin-bottom: 15px; position: relative;">
                                    <div style="position: absolute; left: -25px; top: 0; width: 16px; height: 16px; background: #667eea; border-radius: 50%;"></div>
                                    <h5 style="color: #667eea; margin-bottom: 5px;" data-text="IN_TRANSIT">运输中</h5>
                                    <p style="color: #666; font-size: 13px;" data-text="ESTIMATED_DELIVERY">预计 2025-08-23</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="content-grid">
                        <div class="content-card">
                            <h3>🚢 <span data-text="SEA_FREIGHT">海运服务</span></h3>
                            <p data-text="SEA_FREIGHT_DESCRIPTION">提供整柜/拼箱服务，覆盖全球主要港口，优势航线价格优惠，一站式清关服务。</p>
                            <button class="btn btn-primary" onclick="requestService('sea')" style="margin-top: 15px;" data-text="SEA_FREIGHT_QUOTE">海运报价</button>
                        </div>

                        <div class="content-card">
                            <h3>✈️ <span data-text="AIR_FREIGHT">空运服务</span></h3>
                            <p data-text="AIR_FREIGHT_DESCRIPTION">快速时效保障，温控货物运输，危险品专业处理，24小时客服支持。</p>
                            <button class="btn btn-primary" onclick="requestService('air')" style="margin-top: 15px;" data-text="AIR_FREIGHT_QUOTE">空运报价</button>
                        </div>

                        <div class="content-card">
                            <h3>📦 <span data-text="EXPRESS_SERVICE">快递服务</span></h3>
                            <p data-text="EXPRESS_SERVICE_DESCRIPTION">DHL/UPS/FedEx代理，小包直发服务，电商平台对接，包装增值服务。</p>
                            <button class="btn btn-primary" onclick="requestService('express')" style="margin-top: 15px;" data-text="EXPRESS_QUOTE">快递报价</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 出海服务页面 -->
    <div id="overseasPage" class="page">
        <div class="page-content">
            <div class="container">
                <div class="page-title">
                    <h1 data-text="OVERSEAS_SERVICE">出海服务</h1>
                    <p data-text="COMPREHENSIVE_OVERSEAS_SUPPORT">为企业出海提供全方位专业服务支持</p>
                </div>

                <div id="overseasLoginRequired" class="login-required">
                    <h3>🔒 <span data-text="LOGIN_REQUIRED_OVERSEAS">请先登录查看出海服务</span></h3>
                    <p data-text="LOGIN_OVERSEAS_BENEFITS">登录后可了解检测认证、咨询服务、企业服务、撮合服务、线下展厅等详细内容</p>
                    <button class="btn btn-secondary" onclick="showLoginModal()" data-text="LOGIN_NOW">立即登录</button>
                </div>

                <div id="overseasContent" style="display: none;">
                    <div class="content-grid">
                        <div class="content-card">
                            <h3>🔬 <span data-text="TESTING_CERTIFICATION">检测认证</span></h3>
                            <p data-text="TESTING_CERTIFICATION_DESCRIPTION">提供CE、FCC、UL等国际认证服务，确保产品符合目标市场的法规要求，顺利进入海外市场。</p>
                            <button class="btn btn-primary" onclick="requestService('certification')" style="margin-top: 15px;" data-text="APPLY_CERTIFICATION">申请检测认证</button>
                        </div>

                        <div class="content-card">
                            <h3>💡 <span data-text="CONSULTING_SERVICE">咨询服务</span></h3>
                            <p data-text="CONSULTING_SERVICE_DESCRIPTION">提供市场调研、法规咨询、商业模式设计等专业咨询服务，为企业出海提供决策支持。</p>
                            <button class="btn btn-primary" onclick="requestService('consulting')" style="margin-top: 15px;" data-text="CONSULTING_SERVICE">咨询服务</button>
                        </div>

                        <div class="content-card">
                            <h3>🏢 <span data-text="CORPORATE_SERVICE">企业服务</span></h3>
                            <p data-text="CORPORATE_SERVICE_DESCRIPTION">提供海外公司注册、税务筹划、知识产权保护等企业服务，助力企业在海外合规经营。</p>
                            <button class="btn btn-primary" onclick="requestService('corporate')" style="margin-top: 15px;" data-text="CORPORATE_SERVICE">企业服务</button>
                        </div>

                        <div class="content-card">
                            <h3>🤝 <span data-text="MATCHMAKING_SERVICE">撮合服务</span></h3>
                            <p data-text="MATCHMAKING_SERVICE_DESCRIPTION">B2B数字贸易平台，企业可发布商品和需求信息，实现精准商务对接。</p>
                            <button class="btn btn-primary" onclick="showPublishModal()" style="margin-top: 15px;" data-text="PUBLISH_BUSINESS_INFO">发布商务信息</button>
                        </div>
                    </div>

                    <!-- 撮合服务展示区域 -->
                    <div class="content-card" style="margin-top: 30px;">
                        <h3>📢 <span data-text="BUSINESS_POSTS">商务信息发布</span></h3>
                        
                        <!-- 搜索和过滤功能 -->
                        <div style="margin: 20px 0; display: flex; gap: 15px; flex-wrap: wrap; align-items: center;">
                            <div style="flex: 1; min-width: 250px;">
                                <input type="text" id="publicSearchInput" placeholder="搜索标题、公司或联系人..." 
                                       style="width: 100%; padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px;"
                                       data-placeholder="SEARCH_BUSINESS_PLACEHOLDER"
                                       onkeyup="filterPublicBusinessPosts()">
                            </div>
                            <select id="typeFilter" onchange="filterPublicBusinessPosts()" 
                                    style="padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px;">
                                <option value="all" data-text="ALL_TYPES">全部类型</option>
                                <option value="supply" data-text="SUPPLY_INFO">供应信息</option>
                                <option value="demand" data-text="DEMAND_INFO">需求信息</option>
                            </select>
                            <button class="btn btn-secondary" onclick="resetFilters()" data-text="RESET_FILTERS">重置筛选</button>
                        </div>
                        
                        <div id="businessPostsContainer">
                            <div id="noPosts" style="text-align: center; padding: 40px; color: #999;">
                                <p data-text="NO_BUSINESS_POSTS">暂无商务信息发布</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 新闻资讯页面 -->
    <div id="newsPage" class="page">
        <div class="page-content">
            <div class="container">
                <div class="page-title">
                    <h1 data-text="NEWS">新闻资讯</h1>
                    <p data-text="TIMELY_INDUSTRY_NEWS">及时了解行业动态、政策解读、市场分析等重要资讯</p>
                </div>

                <div id="newsContainer">
                    <!-- 新闻内容将通过JavaScript动态加载 -->
                </div>
            </div>
        </div>
    </div>

    <!-- 关于我们页面 -->
    <div id="aboutPage" class="page">
        <div class="page-content">
            <div class="container">
                <div class="page-title">
                    <h1 data-text="ABOUT_CHAMBER">关于潮汕国际商会</h1>
                    <p data-text="INHERIT_BUSINESS_SPIRIT">传承潮汕商业精神，服务全球潮汕企业</p>
                </div>

                <div class="content-card" style="text-align: center; margin-bottom: 30px;">
                    <h3 style="margin-bottom: 20px;">🏛️ <span data-text="CHAMBER_INTRODUCTION">商会简介</span></h3>
                    <p style="font-size: 16px; line-height: 1.8; color: #555;" data-text="CHAMBER_INTRO_CONTENT">
                        潮汕国际商会成立于1998年，是服务全球潮汕企业的权威商业组织。
                        我们秉承"诚信、合作、共赢"的理念，为会员企业提供全方位的商业服务支持。
                        经过二十多年的发展，商会已成为连接全球潮汕企业的重要桥梁，
                        致力于推动潮汕经济发展，助力企业在全球市场中实现可持续发展。
                    </p>
                </div>

                <div class="content-grid">
                    <div class="content-card">
                        <h3>🎯 <span data-text="OUR_MISSION">我们的使命</span></h3>
                        <p data-text="MISSION_CONTENT">传承潮汕商业精神，为全球潮汕企业搭建合作平台，推动潮汕经济发展，助力企业在全球市场中实现可持续发展。</p>
                    </div>

                    <div class="content-card">
                        <h3>🌟 <span data-text="OUR_VISION">我们的愿景</span></h3>
                        <p data-text="VISION_CONTENT">成为全球最具影响力的潮汕商业服务平台，让潮汕企业在世界舞台上展现实力，弘扬潮汕商业文化。</p>
                    </div>

                    <div class="content-card">
                        <h3>💎 <span data-text="CORE_VALUES">核心价值观</span></h3>
                        <ul style="list-style: none; padding: 0;">
                            <li style="padding: 5px 0;">🤝 <span data-text="INTEGRITY_FIRST">诚信为本</span></li>
                            <li style="padding: 5px 0;">🌍 <span data-text="OPEN_COOPERATION">开放合作</span></li>
                            <li style="padding: 5px 0;">🚀 <span data-text="INNOVATIVE_DEVELOPMENT">创新发展</span></li>
                            <li style="padding: 5px 0;">🏆 <span data-text="PURSUE_EXCELLENCE">追求卓越</span></li>
                        </ul>
                    </div>

                    <div class="content-card">
                        <h3>📞 <span data-text="CONTACT_US">联系我们</span></h3>
                        <ul style="list-style: none; padding: 0;">
                            <li style="padding: 5px 0;">📍 <span data-text="ADDRESS">哈尔滨经开区</span></li>
                            <li style="padding: 5px 0;">☎️ <span data-text="SERVICE_HOTLINE">服务热线</span>：小张123</li>
                            <li style="padding: 5px 0;">💬 <span data-text="WECHAT">微信</span>：小张123</li>
                            <li style="padding: 5px 0;">📧 <span data-text="EMAIL">邮箱</span>：xiaoz@chaoshanbusiness.com</li>
                            <li style="padding: 5px 0;">🕐 <span data-text="SERVICE_HOURS">服务时间</span>：<span data-text="WORKING_HOURS">周一至周五 9:00-18:00</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 个人中心页面 -->
    <div id="profilePage" class="page">
        <div class="page-content">
            <div class="container">
                <div class="page-title">
                    <h1 data-text="PERSONAL_CENTER">个人中心</h1>
                    <p data-text="MANAGE_ACCOUNT_INFO">管理您的账户信息和业务记录</p>
                </div>

                <div id="profileLoginRequired" class="login-required">
                    <h3>🔒 <span data-text="LOGIN_REQUIRED_PROFILE">请先登录查看个人中心</span></h3>
                    <p data-text="LOGIN_PROFILE_BENEFITS">登录后可查看和管理您的个人资料、业务记录等信息</p>
                    <button class="btn btn-secondary" onclick="showLoginModal()" data-text="LOGIN_NOW">立即登录</button>
                </div>

                <div id="profileContent" style="display: none;">
                    <div class="user-info-card">
                        <div class="user-avatar" id="profileUserAvatar"></div>
                        <h3 id="profileUserName"></h3>
                        <p id="profileUserCompany"></p>
                        <p style="margin-top: 10px; font-size: 14px;">
                            <span data-text="MEMBER_TYPE">会员类型</span>：<span id="profileUserType"></span> |
                            <span data-text="REGISTRATION_TIME">注册时间</span>：<span id="profileUserJoinDate"></span>
                        </p>
                    </div>

                    <div class="content-grid">
                        <div class="content-card">
                            <h3>🚀 <span data-text="QUICK_ACTIONS">快捷操作</span></h3>
                            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-top: 15px;">
                                <button onclick="showPage('trade')" style="padding: 15px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">
                                    <div style="font-size: 24px; margin-bottom: 8px;">🌍</div>
                                    <div style="font-size: 14px;" data-text="TRADE_ONE_STOP_SERVICE">一站式服务</div>
                                </button>
                                <button onclick="showPage('ecommerce')" style="padding: 15px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">
                                    <div style="font-size: 24px; margin-bottom: 8px;">🛒</div>
                                    <div style="font-size: 14px;" data-text="ECOMMERCE_SERVICE">跨境电商</div>
                                </button>
                                <button onclick="showPage('logistics')" style="padding: 15px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">
                                    <div style="font-size: 24px; margin-bottom: 8px;">🚢</div>
                                    <div style="font-size: 14px;" data-text="LOGISTICS_SERVICE">物流服务</div>
                                </button>
                                <button onclick="contactPhone()" style="padding: 15px; border: 1px solid #ddd; border-radius: 8px; background: white; cursor: pointer;">
                                    <div style="font-size: 24px; margin-bottom: 8px;">📞</div>
                                    <div style="font-size: 14px;" data-text="CONTACT_SERVICE">联系客服</div>
                                </button>
                                <button id="adminQuickBtn" onclick="showPage('admin')" style="padding: 15px; border: 2px solid #ff6b6b; border-radius: 8px; background: linear-gradient(135deg, #ff6b6b, #ee5a6f); color: white; cursor: pointer; display: none;">
                                    <div style="font-size: 24px; margin-bottom: 8px;">🛡️</div>
                                    <div style="font-size: 14px;" data-text="ADMIN_PANEL">管理面板</div>
                                </button>
                            </div>
                        </div>

                        <div class="content-card">
                            <h3>📋 <span data-text="RECENT_BUSINESS">最近业务</span></h3>
                            <div style="margin-top: 15px;">
                                <div style="padding: 10px; border-bottom: 1px solid #eee;">
                                    <strong data-text="TRADE_EXPORT_CONSULTATION">外贸出口咨询</strong><br>
                                    <span style="font-size: 12px; color: #666;">2025-08-20 | <span data-text="COMPLETED">已完成</span></span>
                                </div>
                                <div style="padding: 10px; border-bottom: 1px solid #eee;">
                                    <strong data-text="LOGISTICS_TRACKING_QUERY">物流运输查询</strong><br>
                                    <span style="font-size: 12px; color: #666;">2025-08-18 | <span data-text="IN_PROGRESS">进行中</span></span>
                                </div>
                                <div style="padding: 10px;">
                                    <strong data-text="ECOMMERCE_SERVICE_APPLICATION">跨境电商服务申请</strong><br>
                                    <span style="font-size: 12px; color: #666;">2025-08-15 | <span data-text="COMPLETED">已完成</span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 管理面板页面 -->
    <div id="adminPage" class="page">
        <div class="page-content">
            <div class="container">
                <div class="page-title">
                    <h1 data-text="ADMIN_PANEL">管理面板</h1>
                    <p data-text="MANAGE_USERS_AND_DATA">管理用户和系统数据</p>
                </div>

                <div id="adminLoginRequired" class="login-required">
                    <h3>🔒 <span data-text="ADMIN_ACCESS_REQUIRED">需要管理员权限</span></h3>
                    <p data-text="ADMIN_ACCESS_DESCRIPTION">只有管理员可以访问此页面</p>
                    <button class="btn btn-secondary" onclick="showPage('home')" data-text="RETURN_HOME">返回首页</button>
                </div>

                <div id="adminContent" style="display: none;">
                    <!-- 轮播图管理 -->
                    <div class="data-management">
                        <h3>🖼️ <span data-text="BANNER_MANAGEMENT">轮播图管理</span></h3>
                        <p data-text="BANNER_MANAGEMENT_DESC">管理首页轮播图内容</p>
                        
                        <div style="margin: 20px 0;">
                            <button class="btn btn-primary" onclick="showBannerModal()" data-text="ADD_BANNER">添加轮播图</button>
                        </div>

                        <div id="adminBannerContainer">
                            <!-- 轮播图列表将通过JavaScript动态加载 -->
                        </div>
                    </div>

                    <!-- 服务内容管理 -->
                    <div class="data-management">
                        <h3>⚙️ <span data-text="SERVICE_CONTENT_MANAGEMENT">服务内容管理</span></h3>
                        <p data-text="SERVICE_CONTENT_MANAGEMENT_DESC">管理各项服务的详细内容</p>
                        
                        <div style="margin: 20px 0;">
                            <button class="btn btn-primary" onclick="showServiceContentModal()" data-text="EDIT_SERVICE_CONTENT">编辑服务内容</button>
                        </div>
                    </div>

                    <!-- 用户管理 -->
                    <div class="data-management">
                        <h3>👥 <span data-text="USER_MANAGEMENT">用户管理</span></h3>
                        <p data-text="REGISTERED_USERS_LIST">注册用户列表</p>
                        
                        <div style="margin: 20px 0;">
                            <button class="btn btn-primary" onclick="exportUserData()" data-text="EXPORT_USER_DATA">导出用户数据</button>
                            <button class="btn btn-secondary" onclick="clearUserData()" style="margin-left: 15px;" data-text="CLEAR_USER_DATA">清空用户数据</button>
                        </div>

                        <table class="data-table" id="userTable">
                            <thead>
                                <tr>
                                    <th data-text="SERIAL_NUMBER">序号</th>
                                    <th data-text="COMPANY_NAME">企业名称</th>
                                    <th data-text="CONTACT_PERSON">联系人</th>
                                    <th data-text="EMAIL">邮箱</th>
                                    <th data-text="PHONE">电话</th>
                                    <th data-text="USER_TYPE">用户类型</th>
                                    <th data-text="SUBCHAMBER">子商会</th>
                                    <th data-text="REGISTRATION_DATE">注册日期</th>
                                </tr>
                            </thead>
                            <tbody id="userTableBody">
                                <!-- 用户数据将通过JavaScript动态加载 -->
                            </tbody>
                        </table>
                    </div>

                    <!-- 撮合信息管理 -->
                    <div class="data-management">
                        <h3>🤝 <span data-text="BUSINESS_INFO_MANAGEMENT">撮合信息管理</span></h3>
                        <p data-text="BUSINESS_POSTS_LIST">已发布的商务信息列表</p>
                        
                        <div style="margin: 20px 0; display: flex; gap: 15px; flex-wrap: wrap;">
                            <button class="btn btn-secondary" onclick="clearAllBusinessPosts()" data-text="CLEAR_ALL_POSTS">清空所有信息</button>
                            <button class="btn btn-primary" onclick="exportBusinessData()" data-text="EXPORT_BUSINESS_DATA">导出撮合数据</button>
                            <div style="flex: 1; min-width: 250px;">
                                <input type="text" id="businessSearchInput" placeholder="搜索标题、公司或联系人..." 
                                       style="width: 100%; padding: 8px 12px; border: 1px solid #ddd; border-radius: 6px;"
                                       data-placeholder="SEARCH_BUSINESS_PLACEHOLDER"
                                       onkeyup="filterBusinessPosts()">
                            </div>
                        </div>

                        <div id="adminBusinessContainer" style="max-height: 400px; overflow-y: auto;">
                            <!-- 撮合信息将通过JavaScript动态加载 -->
                        </div>
                    </div>

                    <!-- 新闻管理 -->
                    <div class="data-management">
                        <h3>📰 <span data-text="NEWS_MANAGEMENT">新闻管理</span></h3>
                        <p data-text="NEWS_MANAGEMENT_DESC">发布和管理新闻资讯</p>
                        
                        <div style="margin: 20px 0; display: flex; gap: 15px; flex-wrap: wrap;">
                            <button class="btn btn-primary" onclick="showNewsModal()" data-text="PUBLISH_NEWS">发布新闻</button>
                            <button class="btn btn-secondary" onclick="clearAllNews()" data-text="CLEAR_ALL_NEWS">清空所有新闻</button>
                            <button class="btn btn-primary" onclick="exportNewsData()" data-text="EXPORT_NEWS_DATA">导出新闻数据</button>
                            <div style="flex: 1; min-width: 250px;">
                                <input type="text" id="newsSearchInput" placeholder="搜索新闻标题..." 
                                       style="width: 100%; padding: 8px 12px; border: 1px solid #ddd; border-radius: 6px;"
                                       data-placeholder="SEARCH_NEWS_PLACEHOLDER"
                                       onkeyup="filterNews()">
                            </div>
                        </div>

                        <div id="adminNewsContainer" style="max-height: 400px; overflow-y: auto;">
                            <!-- 新闻信息将通过JavaScript动态加载 -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 登录模态框 -->
    <div id="loginModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h2 data-text="USER_LOGIN">用户登录</h2>
                <p data-text="LOGIN_DESCRIPTION">登录后可查看所有业务服务详情</p>
            </div>
            <div class="form-group">
                <label data-text="EMAIL_ADDRESS">邮箱地址</label>
                <input type="email" id="loginEmail" data-placeholder="ENTER_EMAIL">
            </div>
            <div class="form-group">
                <label data-text="LOGIN_PASSWORD">登录密码</label>
                <input type="password" id="loginPassword" data-placeholder="ENTER_PASSWORD">
            </div>
            
            <div class="modal-buttons">
                <button style="background: #667eea; color: white;" onclick="login()" data-text="LOGIN">登录</button>
                <button style="background: #64748b; color: white;" onclick="hideLoginModal()" data-text="CANCEL">取消</button>
            </div>
            <div style="text-align: center; margin-top: 15px;">
                <span style="color: #666;" data-text="NO_ACCOUNT">还没有账户？</span>
                <button onclick="hideLoginModal(); showRegisterModal();" style="background: none; border: none; color: #667eea; cursor: pointer;" data-text="REGISTER_NOW">立即注册</button>
            </div>
        </div>
    </div>

    <!-- 注册模态框 -->
    <div id="registerModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h2 data-text="USER_REGISTRATION">用户注册</h2>
                <p data-text="JOIN_CHAMBER_DESCRIPTION">加入潮汕国际商会，享受专业服务</p>
            </div>
            
            <div class="form-group">
                <label data-text="USER_TYPE">用户类型</label>
                <select id="registerUserType" onchange="toggleSubChamberField()">
                    <option value="manufacturer" data-text="MANUFACTURER">厂商</option>
                    <option value="subchamber" data-text="SUBCHAMBER">子商会</option>
                </select>
            </div>
            
            <div class="form-group" id="subChamberField">
                <label data-text="BIND_SUBCHAMBER">绑定子商会</label>
                <select id="registerSubChamber">
                    <option value="harbin">哈尔滨潮汕商会</option>
                    <option value="beijing">北京潮汕商会</option>
                    <option value="shanghai">上海潮汕商会</option>
                    <option value="guangzhou">广州潮汕商会</option>
                </select>
                <small style="color: #666;" data-text="MANUFACTURER_BIND_REQUIRED">厂商用户必须绑定子商会才能完成注册</small>
            </div>
            
            <div class="form-group">
                <label data-text="COMPANY_NAME">企业名称</label>
                <input type="text" id="registerCompany" data-placeholder="ENTER_COMPANY_NAME">
            </div>
            <div class="form-group">
                <label data-text="CONTACT_PERSON">联系人姓名</label>
                <input type="text" id="registerName" data-placeholder="ENTER_CONTACT_NAME">
            </div>
            <div class="form-group">
                <label data-text="EMAIL_ADDRESS">邮箱地址</label>
                <input type="email" id="registerEmail" data-placeholder="ENTER_EMAIL_ADDRESS">
            </div>
            <div class="form-group">
                <label data-text="PHONE_NUMBER">手机号码</label>
                <input type="tel" id="registerPhone" data-placeholder="ENTER_PHONE_NUMBER">
            </div>
            <div class="form-group">
                <label data-text="LOGIN_PASSWORD">登录密码</label>
                <input type="password" id="registerPassword" data-placeholder="SET_LOGIN_PASSWORD">
            </div>
            <div class="form-group">
                <label data-text="CONFIRM_PASSWORD">确认密码</label>
                <input type="password" id="registerConfirmPassword" data-placeholder="ENTER_PASSWORD_AGAIN">
            </div>
            <div class="modal-buttons">
                <button style="background: #51cf66; color: white;" onclick="register()" data-text="REGISTER">注册</button>
                <button style="background: #64748b; color: white;" onclick="hideRegisterModal()" data-text="CANCEL">取消</button>
            </div>
            <div style="text-align: center; margin-top: 15px;">
                <span style="color: #666;" data-text="HAVE_ACCOUNT">已有账户？</span>
                <button onclick="hideRegisterModal(); showLoginModal();" style="background: none; border: none; color: #667eea; cursor: pointer;" data-text="LOGIN_NOW">立即登录</button>
            </div>
        </div>
    </div>

    <!-- 发布商务信息模态框 -->
    <div id="publishModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h2 data-text="PUBLISH_BUSINESS_INFO">发布商务信息</h2>
                <p data-text="PUBLISH_DESCRIPTION">发布您的商品或需求信息，寻找合作伙伴</p>
            </div>
            
            <div class="form-group">
                <label data-text="BUSINESS_TYPE">信息类型</label>
                <select id="publishType">
                    <option value="supply" data-text="SUPPLY_INFO">供应信息</option>
                    <option value="demand" data-text="DEMAND_INFO">需求信息</option>
                </select>
            </div>
            
            <div class="form-group">
                <label data-text="BUSINESS_TITLE">标题</label>
                <input type="text" id="publishTitle" data-placeholder="ENTER_BUSINESS_TITLE" maxlength="100">
            </div>
            
            <div class="form-group">
                <label data-text="BUSINESS_DESCRIPTION">详细描述</label>
                <textarea id="publishDescription" rows="4" data-placeholder="ENTER_BUSINESS_DESCRIPTION" maxlength="500"></textarea>
            </div>
            
            <div class="form-group">
                <label data-text="UPLOAD_IMAGE">上传图片 (可选)</label>
                <input type="file" id="publishImage" accept="image/*" onchange="previewImage(this)">
                <div id="imagePreview" style="margin-top: 10px; display: none;">
                    <img id="previewImg" style="max-width: 200px; max-height: 150px; border-radius: 8px; border: 1px solid #ddd;">
                </div>
            </div>
            
            <div class="form-group">
                <label data-text="CONTACT_INFO">联系方式</label>
                <input type="text" id="publishContact" data-placeholder="ENTER_CONTACT_INFO">
            </div>
            
            <div class="modal-buttons">
                <button style="background: #51cf66; color: white;" onclick="publishBusinessInfo()" data-text="PUBLISH">发布</button>
                <button style="background: #64748b; color: white;" onclick="hidePublishModal()" data-text="CANCEL">取消</button>
            </div>
        </div>
    </div>

    <!-- 发布新闻模态框 -->
    <div id="newsModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h2 data-text="PUBLISH_NEWS">发布新闻</h2>
                <p data-text="NEWS_PUBLISH_DESCRIPTION">发布新闻资讯供用户查看</p>
            </div>
            
            <div class="form-group">
                <label data-text="NEWS_TITLE">新闻标题</label>
                <input type="text" id="newsTitle" data-placeholder="ENTER_NEWS_TITLE" maxlength="100">
            </div>
            
            <div class="form-group">
                <label data-text="NEWS_CONTENT">新闻内容</label>
                <textarea id="newsContent" rows="6" data-placeholder="ENTER_NEWS_CONTENT" maxlength="1000"></textarea>
            </div>
            
            <div class="form-group">
                <label data-text="NEWS_CATEGORY">新闻分类</label>
                <select id="newsCategory">
                    <option value="policy" data-text="POLICY_INTERPRETATION">政策解读</option>
                    <option value="market" data-text="MARKET_ANALYSIS">市场分析</option>
                    <option value="industry" data-text="INDUSTRY_NEWS">行业动态</option>
                    <option value="chamber" data-text="CHAMBER_NEWS">商会动态</option>
                </select>
            </div>
            
            <div class="modal-buttons">
                <button style="background: #51cf66; color: white;" onclick="publishNews()" data-text="PUBLISH">发布</button>
                <button style="background: #64748b; color: white;" onclick="hideNewsModal()" data-text="CANCEL">取消</button>
            </div>
        </div>
    </div>

    <!-- 轮播图管理模态框 -->
    <div id="bannerModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h2 data-text="BANNER_MANAGEMENT">轮播图管理</h2>
                <p data-text="BANNER_EDIT_DESCRIPTION">添加或编辑轮播图内容</p>
            </div>
            
            <div class="form-group">
                <label data-text="BANNER_TITLE">轮播图标题</label>
                <input type="text" id="bannerTitle" data-placeholder="ENTER_BANNER_TITLE" maxlength="100">
            </div>
            
            <div class="form-group">
                <label data-text="BANNER_DESCRIPTION">轮播图描述</label>
                <textarea id="bannerDescription" rows="3" data-placeholder="ENTER_BANNER_DESCRIPTION" maxlength="200"></textarea>
            </div>
            
            <div class="form-group">
                <label data-text="BANNER_IMAGE">轮播图图片URL</label>
                <input type="text" id="bannerImageUrl" data-placeholder="ENTER_IMAGE_URL">
            </div>
            
            <div class="form-group">
                <label data-text="BANNER_BUTTON_TEXT">按钮文字</label>
                <input type="text" id="bannerButtonText" data-placeholder="ENTER_BUTTON_TEXT" maxlength="20">
            </div>
            
            <div class="form-group">
                <label data-text="BANNER_BUTTON_ACTION">按钮动作</label>
                <select id="bannerButtonAction">
                    <option value="register" data-text="REGISTER_ACTION">注册</option>
                    <option value="trade" data-text="TRADE_SERVICE">外贸服务</option>
                    <option value="ecommerce" data-text="ECOMMERCE_SERVICE">跨境电商</option>
                    <option value="overseas" data-text="OVERSEAS_SERVICE">出海服务</option>
                </select>
            </div>
            
            <div class="modal-buttons">
                <button style="background: #51cf66; color: white;" onclick="saveBanner()" data-text="SAVE">保存</button>
                <button style="background: #64748b; color: white;" onclick="hideBannerModal()" data-text="CANCEL">取消</button>
            </div>
        </div>
    </div>

    <!-- 商务信息详情查看模态框 -->
    <div id="businessDetailModal" class="modal">
        <div class="modal-content" style="max-width: 600px;">
            <div class="modal-header">
                <h2 data-text="BUSINESS_DETAIL">商务信息详情</h2>
                <button onclick="hideBusinessDetailModal()" style="position: absolute; top: 15px; right: 20px; background: none; border: none; font-size: 24px; color: #999; cursor: pointer;">×</button>
            </div>
            
            <div id="businessDetailContent">
                <!-- 详情内容将通过JavaScript动态填充 -->
            </div>
            
            <div class="modal-buttons">
                <button style="background: #667eea; color: white;" onclick="contactBusinessPublisher()" data-text="CONTACT_PUBLISHER">联系发布者</button>
                <button style="background: #64748b; color: white;" onclick="hideBusinessDetailModal()" data-text="CLOSE">关闭</button>
            </div>
        </div>
    </div>

    <!-- 新闻详情查看模态框 -->
    <div id="newsDetailModal" class="modal">
        <div class="modal-content" style="max-width: 700px;">
            <div class="modal-header">
                <h2 data-text="NEWS_DETAIL">新闻详情</h2>
                <button onclick="hideNewsDetailModal()" style="position: absolute; top: 15px; right: 20px; background: none; border: none; font-size: 24px; color: #999; cursor: pointer;">×</button>
            </div>
            
            <div id="newsDetailContent">
                <!-- 新闻详情内容将通过JavaScript动态填充 -->
            </div>
            
            <div class="modal-buttons">
                <button style="background: #64748b; color: white;" onclick="hideNewsDetailModal()" data-text="CLOSE">关闭</button>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-section">
                    <h3 data-text="PLATFORM_NAME">潮汕国际商会综合服务平台</h3>
                    <p data-text="INHERIT_BUSINESS_SPIRIT_SERVE_ENTERPRISES">传承潮汕商业精神，服务全球潮汕企业</p>
                    <p style="margin-top: 15px;">
                        <strong data-text="CONTACT_INFO">联系方式：</strong><br>
                        📞 <span data-text="PHONE">电话</span>：小张123<br>
                        💬 <span data-text="WECHAT">微信</span>：小张123<br>
                        📧 <span data-text="EMAIL">邮箱</span>：xiaoz@chaoshanbusiness.com
                    </p>
                </div>
                <div class="footer-section">
                    <h3 data-text="CORE_SERVICES">核心服务</h3>
                    <ul>
                        <li><button onclick="showPage('trade')" data-text="TRADE_ONE_STOP_SERVICE">外贸一站式服务</button></li>
                        <li><button onclick="showPage('ecommerce')" data-text="ECOMMERCE_SERVICE">跨境电商服务</button></li>
                        <li><button onclick="showPage('logistics')" data-text="LOGISTICS_SERVICE">国际物流服务</button></li>
                        <li><button onclick="showPage('overseas')" data-text="OVERSEAS_SERVICE">出海服务</button></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3 data-text="ABOUT_US">关于我们</h3>
                    <ul>
                        <li><button onclick="showPage('about')" data-text="CHAMBER_INTRODUCTION">商会简介</button></li>
                        <li><button onclick="showPage('news')" data-text="NEWS">新闻资讯</button></li>
                        <li data-text="DEVELOPMENT_HISTORY">发展历程</li>
                        <li data-text="QUALIFICATIONS_HONORS">资质荣誉</li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3 data-text="FOLLOW_US">关注我们</h3>
                    <p data-text="SCAN_QR_CODE">扫码关注潮汕国际商会</p>
                    <div style="width: 100px; height: 100px; background: #34495e; margin: 15px 0; display: flex; align-items: center; justify-content: center; color: #bdc3c7; border-radius: 8px; font-size: 12px;">
                        <span data-text="WECHAT_QR_CODE">微信二维码</span>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 <span data-text="PLATFORM_NAME">潮汕国际商会综合服务平台</span> <span data-text="ALL_RIGHTS_RESERVED">版权所有</span> | 黑ICP备2025000001号</p>
            </div>
        </div>
    </footer>

    <script>
        // 全局变量
        let currentUser = null;
        let currentSlide = 0;
        let slideInterval;
        let currentLanguage = 'zh';
        let registeredUsers = JSON.parse(localStorage.getItem('registeredUsers') || '[]');
        let businessPosts = JSON.parse(localStorage.getItem('businessPosts') || '[]');
        let newsArticles = JSON.parse(localStorage.getItem('newsArticles') || '[]');
        let bannerSlides = JSON.parse(localStorage.getItem('bannerSlides') || '[]');
        let serviceContents = JSON.parse(localStorage.getItem('serviceContents') || '{}');
        let selectedBusinessPost = null;
        let editingBannerId = null;

        // 多语言文本
        const languages = {
            zh: {
                SERVICE_HOTLINE: '服务热线',
                WECHAT: '微信',
                EMAIL: '邮箱',
                LOGIN: '登录',
                REGISTER: '注册',
                LOGOUT: '退出登录',
                PERSONAL_CENTER: '个人中心',
                ADMIN_PANEL: '管理面板',
                PLATFORM_NAME: '潮汕国际商会综合服务平台',
                HOME: '首页',
                TRADE_ONE_STOP_SERVICE: '外贸一站式服务',
                ECOMMERCE_SERVICE: '跨境电商',
                LOGISTICS_SERVICE: '国际物流',
                OVERSEAS_SERVICE: '出海服务',
                NEWS: '新闻资讯',
                ABOUT_US: '关于我们',
                CORE_SERVICES: '核心业务服务',
                SERVICES_DESCRIPTION: '为潮汕企业提供全方位、一站式的国际贸易综合服务解决方案',
                TRADE_ONE_STOP_SERVICE_DESC: '出口服务、信保服务、金融服务、进口服务、对俄服务等全流程外贸综合服务',
                ECOMMERCE_SERVICE_DESC: '专业的跨境电商运营服务，助力企业快速进入海外市场',
                LOGISTICS_SERVICE_DESC: '智能化、可视化的国际物流服务，覆盖海运、空运、快递等方式',
                OVERSEAS_SERVICE_DESC: '检测认证、咨询服务、企业服务、撮合服务、线下展厅等全方位出海支持',
                NEWS_DESC: '及时了解行业动态、政策解读、市场分析等重要资讯信息',
                ABOUT_US_DESC: '了解潮汕国际商会的发展历程、服务理念和联系方式',
                LOGIN_REQUIRED_TRADE: '请先登录查看外贸服务详情',
                LOGIN_TRADE_BENEFITS: '登录后可查看出口服务、信保服务、金融服务、进口服务、对俄服务等详细内容',
                LOGIN_NOW: '立即登录',
                SELECT_SERVICE_TYPE: '选择服务类型',
                EXPORT_SERVICE: '出口服务',
                EXPORT_SERVICE_BRIEF: '全流程出口贸易综合服务',
                IMPORT_SERVICE: '进口服务',
                IMPORT_SERVICE_BRIEF: '进口贸易代理全方位支持',
                INSURANCE_SERVICE: '信保服务',
                INSURANCE_SERVICE_BRIEF: '出口信用保险风险保障',
                FINANCE_SERVICE: '金融服务',
                FINANCE_SERVICE_BRIEF: '贸易融资和外汇避险',
                RUSSIA_SERVICE_CENTER: '对俄服务中心',
                RUSSIA_SERVICE_BRIEF: '专业对俄贸易全流程服务',
                AMUR_ONE_STOP_SERVICE: '阿穆尔州一站式服务',
                AMUR_SERVICE_BRIEF: '阿穆尔州投资贸易综合服务',
                BACK: '返回',
                SERVICE_CONTENT: '服务内容',
                EXPORT_DOCUMENTATION: '• 出口单证制作与审核',
                CUSTOMS_CLEARANCE: '• 报关报检服务',
                LOGISTICS_ARRANGEMENT: '• 物流安排与跟踪',
                FOREX_SETTLEMENT: '• 外汇结算指导',
                TAX_REFUND: '• 出口退税办理',
                APPLY_EXPORT_SERVICE: '申请出口服务',
                IMPORT_LICENSE: '• 进口许可证申请',
                CUSTOMS_PROCEDURES: '• 海关通关手续',
                TAX_PROCESSING: '• 税务处理',
                IMPORT_LOGISTICS: '• 物流配送',
                QUALITY_INSPECTION: '• 商品质检服务',
                APPLY_IMPORT_SERVICE: '申请进口服务',
                CREDIT_EVALUATION: '• 买家信用评估',
                INSURANCE_APPLICATION: '• 保险投保申请',
                RISK_MONITORING: '• 风险监控与预警',
                CLAIMS_PROCESSING: '• 理赔服务支持',
                POLICY_CONSULTATION: '• 保险政策咨询',
                APPLY_INSURANCE_SERVICE: '申请信保服务',
                TRADE_FINANCING: '• 贸易融资产品',
                FOREX_HEDGING: '• 外汇避险服务',
                CROSS_BORDER_SETTLEMENT: '• 跨境结算方案',
                LETTER_OF_CREDIT: '• 信用证业务',
                FINANCIAL_CONSULTATION: '• 金融方案咨询',
                APPLY_FINANCE_SERVICE: '申请金融服务',
                COMPANY_REGISTRATION: '公司注册服务',
                RUSSIA_COMPANY_SETUP: '• 俄罗斯公司设立',
                BUSINESS_LICENSE: '• 营业执照办理',
                TAX_REGISTRATION: '• 税务登记服务',
                BANK_ACCOUNT_OPENING: '• 银行开户协助',
                APPLY_COMPANY_REGISTRATION: '申请公司注册',
                LEGAL_FINANCIAL_SERVICES: '财税法律服务',
                TAX_PLANNING: '• 税务筹划方案',
                LEGAL_CONSULTATION: '• 法律咨询服务',
                CONTRACT_REVIEW: '• 合同审核起草',
                COMPLIANCE_GUIDANCE: '• 合规指导建议',
                APPLY_LEGAL_SERVICES: '申请法律服务',
                WEBSITE_DEVELOPMENT: '独立站开发',
                CUSTOM_WEBSITE: '• 定制化网站建设',
                MULTILINGUAL_SUPPORT: '• 俄语本地化支持',
                PAYMENT_INTEGRATION: '• 支付系统集成',
                SEO_OPTIMIZATION: '• SEO优化服务',
                APPLY_WEBSITE_DEVELOPMENT: '申请建站服务',
                TRADE_FACILITATION: '贸易便利化',
                CUSTOMS_CLEARANCE_RUSSIA: '• 俄方清关服务',
                LOGISTICS_COORDINATION: '• 物流协调安排',
                BUSINESS_MATCHING: '• 商务对接服务',
                MARKET_RESEARCH: '• 市场调研分析',
                APPLY_TRADE_SERVICES: '申请贸易服务',
                INVESTMENT_SERVICES: '投资服务',
                INVESTMENT_CONSULTATION: '• 投资咨询指导',
                PROJECT_PLANNING: '• 项目规划设计',
                POLICY_ANALYSIS: '• 政策分析解读',
                RISK_ASSESSMENT: '• 投资风险评估',
                APPLY_INVESTMENT_SERVICES: '申请投资服务',
                INDUSTRIAL_PARK_SERVICES: '工业园区服务',
                LAND_LEASE: '• 土地租赁服务',
                INFRASTRUCTURE_SUPPORT: '• 基础设施支持',
                UTILITIES_CONNECTION: '• 水电气接入',
                CONSTRUCTION_PERMITS: '• 建设许可办理',
                APPLY_INDUSTRIAL_SERVICES: '申请园区服务',
                ADMINISTRATIVE_SERVICES: '行政服务',
                PERMIT_APPLICATION: '• 各类许可申请',
                GOVERNMENT_LIAISON: '• 政府部门对接',
                DOCUMENT_TRANSLATION: '• 文件翻译公证',
                PROCEDURE_GUIDANCE: '• 办事流程指导',
                APPLY_ADMIN_SERVICES: '申请行政服务',
                LIVING_SERVICES: '生活服务',
                ACCOMMODATION_ARRANGEMENT: '• 住宿安排服务',
                TRANSPORTATION_SERVICES: '• 交通出行服务',
                LANGUAGE_SUPPORT: '• 语言翻译支持',
                CULTURAL_GUIDANCE: '• 文化适应指导',
                APPLY_LIVING_SERVICES: '申请生活服务',
                BANNER_MANAGEMENT: '轮播图管理',
                BANNER_MANAGEMENT_DESC: '管理首页轮播图内容',
                ADD_BANNER: '添加轮播图',
                EDIT_BANNER: '编辑轮播图',
                DELETE_BANNER: '删除',
                BANNER_TITLE: '轮播图标题',
                BANNER_DESCRIPTION: '轮播图描述',
                BANNER_IMAGE: '轮播图图片URL',
                BANNER_BUTTON_TEXT: '按钮文字',
                BANNER_BUTTON_ACTION: '按钮动作',
                ENTER_BANNER_TITLE: '请输入轮播图标题',
                ENTER_BANNER_DESCRIPTION: '请输入轮播图描述',
                ENTER_IMAGE_URL: '请输入图片URL',
                ENTER_BUTTON_TEXT: '请输入按钮文字',
                REGISTER_ACTION: '注册',
                SAVE: '保存',
                BANNER_EDIT_DESCRIPTION: '添加或编辑轮播图内容',
                SERVICE_CONTENT_MANAGEMENT: '服务内容管理',
                SERVICE_CONTENT_MANAGEMENT_DESC: '管理各项服务的详细内容',
                EDIT_SERVICE_CONTENT: '编辑服务内容',
                USER_MANAGEMENT: '用户管理',
                REGISTERED_USERS_LIST: '注册用户列表',
                EXPORT_USER_DATA: '导出用户数据',
                CLEAR_USER_DATA: '清空用户数据',
                SERIAL_NUMBER: '序号',
                COMPANY_NAME: '企业名称',
                CONTACT_PERSON: '联系人',
                PHONE: '电话',
                USER_TYPE: '用户类型',
                SUBCHAMBER: '子商会',
                REGISTRATION_DATE: '注册日期',
                BUSINESS_INFO_MANAGEMENT: '撮合信息管理',
                BUSINESS_POSTS_LIST: '已发布的商务信息列表',
                CLEAR_ALL_POSTS: '清空所有信息',
                EXPORT_BUSINESS_DATA: '导出撮合数据',
                SEARCH_BUSINESS_PLACEHOLDER: '搜索标题、公司或联系人...',
                NEWS_MANAGEMENT: '新闻管理',
                NEWS_MANAGEMENT_DESC: '发布和管理新闻资讯',
                PUBLISH_NEWS: '发布新闻',
                CLEAR_ALL_NEWS: '清空所有新闻',
                EXPORT_NEWS_DATA: '导出新闻数据',
                SEARCH_NEWS_PLACEHOLDER: '搜索新闻标题...',
                DELETE_POST: '删除',
                DELETE_NEWS: '删除',
                USER_LOGIN: '用户登录',
                LOGIN_DESCRIPTION: '登录后可查看所有业务服务详情',
                EMAIL_ADDRESS: '邮箱地址',
                ENTER_EMAIL: '请输入邮箱地址',
                LOGIN_PASSWORD: '登录密码',
                ENTER_PASSWORD: '请输入登录密码',
                CANCEL: '取消',
                NO_ACCOUNT: '还没有账户？',
                REGISTER_NOW: '立即注册',
                USER_REGISTRATION: '用户注册',
                JOIN_CHAMBER_DESCRIPTION: '加入潮汕国际商会，享受专业服务',
                MANUFACTURER: '厂商',
                BIND_SUBCHAMBER: '绑定子商会',
                MANUFACTURER_BIND_REQUIRED: '厂商用户必须绑定子商会才能完成注册',
                ENTER_COMPANY_NAME: '请输入企业名称',
                ENTER_CONTACT_NAME: '请输入联系人姓名',
                ENTER_EMAIL_ADDRESS: '请输入邮箱地址',
                PHONE_NUMBER: '手机号码',
                ENTER_PHONE_NUMBER: '请输入手机号码',
                SET_LOGIN_PASSWORD: '请设置登录密码',
                CONFIRM_PASSWORD: '确认密码',
                ENTER_PASSWORD_AGAIN: '请再次输入密码',
                HAVE_ACCOUNT: '已有账户？',
                PUBLISH_BUSINESS_INFO: '发布商务信息',
                PUBLISH_DESCRIPTION: '发布您的商品或需求信息，寻找合作伙伴',
                BUSINESS_TYPE: '信息类型',
                SUPPLY_INFO: '供应信息',
                DEMAND_INFO: '需求信息',
                BUSINESS_TITLE: '标题',
                ENTER_BUSINESS_TITLE: '请输入标题',
                BUSINESS_DESCRIPTION: '详细描述',
                ENTER_BUSINESS_DESCRIPTION: '请详细描述您的商品或需求',
                UPLOAD_IMAGE: '上传图片',
                CONTACT_INFO: '联系方式',
                ENTER_CONTACT_INFO: '请输入联系方式',
                PUBLISH: '发布',
                NEWS_TITLE: '新闻标题',
                ENTER_NEWS_TITLE: '请输入新闻标题',
                NEWS_CONTENT: '新闻内容',
                ENTER_NEWS_CONTENT: '请输入新闻内容',
                NEWS_CATEGORY: '新闻分类',
                NEWS_PUBLISH_DESCRIPTION: '发布新闻资讯供用户查看',
                POLICY_INTERPRETATION: '政策解读',
                MARKET_ANALYSIS: '市场分析',
                INDUSTRY_NEWS: '行业动态',
                CHAMBER_NEWS: '商会动态',
                BUSINESS_DETAIL: '商务信息详情',
                CONTACT_PUBLISHER: '联系发布者',
                CLOSE: '关闭',
                NEWS_DETAIL: '新闻详情',
                TRADE_FULL_DESCRIPTION: '提供全流程外贸综合服务，助力企业高效开展国际贸易',
                EXPORT_SERVICE_DETAILED_DESC: '专业出口贸易全流程服务，确保您的出口业务顺利进行',
                IMPORT_SERVICE_DETAILED_DESC: '提供进口贸易代理服务，全方位进口贸易支持',
                INSURANCE_SERVICE_DETAILED_DESC: '提供出口信用保险服务，有效规避海外买家信用风险',
                FINANCE_SERVICE_DETAILED_DESC: '提供贸易融资、外汇避险、跨境结算等金融服务',
                RUSSIA_SERVICE_DETAILED_DESC: '专业对俄贸易服务，深度了解俄罗斯市场和政策',
                AMUR_SERVICE_DETAILED_DESC: '阿穆尔州投资贸易综合服务，享受当地政策优惠',
                LOGIN_REQUIRED_ECOMMERCE: '请先登录查看跨境电商服务',
                LOGIN_ECOMMERCE_BENEFITS: '登录后可了解平台运营、产品优化、广告推广等专业电商服务',
                ECOMMERCE_PROFESSIONAL_DESCRIPTION: '专业的跨境电商运营服务，助力企业快速进入海外市场',
                COMPREHENSIVE_ECOMMERCE_SERVICE: '跨境电商综合服务',
                ECOMMERCE_COMPREHENSIVE_DESCRIPTION: '我们提供专业的跨境电商运营服务，帮助传统外贸企业快速转型，在Amazon、eBay、Shopify等主流平台实现业务增长。',
                PLATFORM_OPERATION: '平台入驻与运营',
                PLATFORM_OPERATION_DESC: 'Amazon、eBay、Shopify等主流平台开店及日常运营管理',
                PRODUCT_OPTIMIZATION: '产品上架与优化',
                PRODUCT_OPTIMIZATION_DESC: '专业的产品详情页制作、SEO优化，提升产品搜索排名',
                ADVERTISING_PROMOTION: '广告投放与推广',
                ADVERTISING_PROMOTION_DESC: '精准广告投放策略，提升转化率和ROI',
                CUSTOMER_SERVICE: '客户服务与售后',
                CUSTOMER_SERVICE_DESC: '多语言客服支持，专业售后服务处理',
                CONSULT_ECOMMERCE_SERVICE: '咨询跨境电商服务',
                LOGIN_REQUIRED_LOGISTICS: '请先登录查看物流服务',
                LOGIN_LOGISTICS_BENEFITS: '登录后可查看海运、空运、快递等详细物流服务和实时跟踪功能',
                INTELLIGENT_LOGISTICS: '智能化、可视化的国际物流服务',
                LOGISTICS_TRACKING: '物流查询',
                TRACKING_NUMBER_PLACEHOLDER: '请输入运单号（如：ZX2025082001）',
                TRACK_SHIPMENT: '查询物流',
                TRACKING_INFO: '物流跟踪信息',
                SHIPPED: '已发货',
                IN_TRANSIT: '运输中',
                ESTIMATED_DELIVERY: '预计 2025-08-23',
                SEA_FREIGHT: '海运服务',
                SEA_FREIGHT_DESCRIPTION: '提供整柜/拼箱服务，覆盖全球主要港口，优势航线价格优惠，一站式清关服务。',
                SEA_FREIGHT_QUOTE: '海运报价',
                AIR_FREIGHT: '空运服务',
                AIR_FREIGHT_DESCRIPTION: '快速时效保障，温控货物运输，危险品专业处理，24小时客服支持。',
                AIR_FREIGHT_QUOTE: '空运报价',
                EXPRESS_SERVICE: '快递服务',
                EXPRESS_SERVICE_DESCRIPTION: 'DHL/UPS/FedEx代理，小包直发服务，电商平台对接，包装增值服务。',
                EXPRESS_QUOTE: '快递报价',
                LOGIN_REQUIRED_OVERSEAS: '请先登录查看出海服务',
                LOGIN_OVERSEAS_BENEFITS: '登录后可了解检测认证、咨询服务、企业服务、撮合服务、线下展厅等详细内容',
                COMPREHENSIVE_OVERSEAS_SUPPORT: '为企业出海提供全方位专业服务支持',
                TESTING_CERTIFICATION: '检测认证',
                TESTING_CERTIFICATION_DESCRIPTION: '提供CE、FCC、UL等国际认证服务，确保产品符合目标市场的法规要求，顺利进入海外市场。',
                APPLY_CERTIFICATION: '申请检测认证',
                CONSULTING_SERVICE: '咨询服务',
                CONSULTING_SERVICE_DESCRIPTION: '提供市场调研、法规咨询、商业模式设计等专业咨询服务，为企业出海提供决策支持。',
                CORPORATE_SERVICE: '企业服务',
                CORPORATE_SERVICE_DESCRIPTION: '提供海外公司注册、税务筹划、知识产权保护等企业服务，助力企业在海外合规经营。',
                MATCHMAKING_SERVICE: '撮合服务',
                MATCHMAKING_SERVICE_DESCRIPTION: 'B2B数字贸易平台，企业可发布商品和需求信息，实现精准商务对接。',
                BUSINESS_POSTS: '商务信息发布',
                NO_BUSINESS_POSTS: '暂无商务信息发布',
                ALL_TYPES: '全部类型',
                RESET_FILTERS: '重置筛选',
                TIMELY_INDUSTRY_NEWS: '及时了解行业动态、政策解读、市场分析等重要资讯',
                ABOUT_CHAMBER: '关于潮汕国际商会',
                INHERIT_BUSINESS_SPIRIT: '传承潮汕商业精神，服务全球潮汕企业',
                CHAMBER_INTRODUCTION: '商会简介',
                CHAMBER_INTRO_CONTENT: '潮汕国际商会成立于1998年，是服务全球潮汕企业的权威商业组织。我们秉承"诚信、合作、共赢"的理念，为会员企业提供全方位的商业服务支持。经过二十多年的发展，商会已成为连接全球潮汕企业的重要桥梁，致力于推动潮汕经济发展，助力企业在全球市场中实现可持续发展。',
                OUR_MISSION: '我们的使命',
                MISSION_CONTENT: '传承潮汕商业精神，为全球潮汕企业搭建合作平台，推动潮汕经济发展，助力企业在全球市场中实现可持续发展。',
                OUR_VISION: '我们的愿景',
                VISION_CONTENT: '成为全球最具影响力的潮汕商业服务平台，让潮汕企业在世界舞台上展现实力，弘扬潮汕商业文化。',
                CORE_VALUES: '核心价值观',
                INTEGRITY_FIRST: '诚信为本',
                OPEN_COOPERATION: '开放合作',
                INNOVATIVE_DEVELOPMENT: '创新发展',
                PURSUE_EXCELLENCE: '追求卓越',
                CONTACT_US: '联系我们',
                ADDRESS: '哈尔滨经开区',
                SERVICE_HOURS: '服务时间',
                WORKING_HOURS: '周一至周五 9:00-18:00',
                MANAGE_ACCOUNT_INFO: '管理您的账户信息和业务记录',
                LOGIN_REQUIRED_PROFILE: '请先登录查看个人中心',
                LOGIN_PROFILE_BENEFITS: '登录后可查看和管理您的个人资料、业务记录等信息',
                MEMBER_TYPE: '会员类型',
                REGISTRATION_TIME: '注册时间',
                QUICK_ACTIONS: '快捷操作',
                CONTACT_SERVICE: '联系客服',
                RECENT_BUSINESS: '最近业务',
                TRADE_EXPORT_CONSULTATION: '外贸出口咨询',
                COMPLETED: '已完成',
                LOGISTICS_TRACKING_QUERY: '物流运输查询',
                IN_PROGRESS: '进行中',
                ECOMMERCE_SERVICE_APPLICATION: '跨境电商服务申请',
                MANAGE_USERS_AND_DATA: '管理用户和系统数据',
                ADMIN_ACCESS_REQUIRED: '需要管理员权限',
                ADMIN_ACCESS_DESCRIPTION: '只有管理员可以访问此页面',
                RETURN_HOME: '返回首页',
                INHERIT_BUSINESS_SPIRIT_SERVE_ENTERPRISES: '传承潮汕商业精神，服务全球潮汕企业',
                CONTACT_INFO: '联系方式',
                DEVELOPMENT_HISTORY: '发展历程',
                QUALIFICATIONS_HONORS: '资质荣誉',
                FOLLOW_US: '关注我们',
                SCAN_QR_CODE: '扫码关注潮汕国际商会',
                WECHAT_QR_CODE: '微信二维码',
                ALL_RIGHTS_RESERVED: '版权所有',
                SUBCHAMBER: '子商会',
                TRADE_SERVICE: '外贸服务'
            },
            ru: {
                SERVICE_HOTLINE: 'Горячая линия',
                WECHAT: 'WeChat',
                EMAIL: 'Электронная почта',
                LOGIN: 'Войти',
                REGISTER: 'Регистрация',
                LOGOUT: 'Выйти',
                PERSONAL_CENTER: 'Личный кабинет',
                ADMIN_PANEL: 'Панель администратора',
                PLATFORM_NAME: 'Комплексная сервисная платформа международной торговой палаты Чаошань',
                HOME: 'Главная',
                TRADE_ONE_STOP_SERVICE: 'Комплексные торговые услуги',
                ECOMMERCE_SERVICE: 'Трансграничная электронная торговля',
                LOGISTICS_SERVICE: 'Международная логистика',
                OVERSEAS_SERVICE: 'Зарубежные услуги',
                NEWS: 'Новости',
                ABOUT_US: 'О нас',
                CORE_SERVICES: 'Основные бизнес-услуги',
                SERVICES_DESCRIPTION: 'Предоставление всесторонних комплексных решений международной торговли для предприятий Чаошань',
                LOGIN_NOW: 'Войти сейчас',
                SELECT_SERVICE_TYPE: 'Выберите тип услуги',
                EXPORT_SERVICE: 'Экспортные услуги',
                EXPORT_SERVICE_BRIEF: 'Комплексные экспортные торговые услуги полного цикла',
                IMPORT_SERVICE: 'Импортные услуги',
                IMPORT_SERVICE_BRIEF: 'Всесторонняя поддержка агентских импортных услуг',
                INSURANCE_SERVICE: 'Страховые услуги',
                INSURANCE_SERVICE_BRIEF: 'Защита рисков экспортного кредитного страхования',
                FINANCE_SERVICE: 'Финансовые услуги',
                FINANCE_SERVICE_BRIEF: 'Торговое финансирование и валютное хеджирование',
                RUSSIA_SERVICE_CENTER: 'Российский сервисный центр',
                RUSSIA_SERVICE_BRIEF: 'Профессиональные услуги полного цикла российской торговли',
                AMUR_ONE_STOP_SERVICE: 'Комплексные услуги Амурской области',
                AMUR_SERVICE_BRIEF: 'Комплексные инвестиционно-торговые услуги Амурской области',
                BACK: 'Назад',
                SERVICE_CONTENT: 'Содержание услуг',
                APPLY_EXPORT_SERVICE: 'Подать заявку на экспортные услуги',
                APPLY_IMPORT_SERVICE: 'Подать заявку на импортные услуги',
                APPLY_INSURANCE_SERVICE: 'Подать заявку на страховые услуги',
                APPLY_FINANCE_SERVICE: 'Подать заявку на финансовые услуги',
                COMPANY_REGISTRATION: 'Услуги регистрации компаний',
                APPLY_COMPANY_REGISTRATION: 'Подать заявку на регистрацию компании',
                LEGAL_FINANCIAL_SERVICES: 'Налогово-правовые услуги',
                APPLY_LEGAL_SERVICES: 'Подать заявку на юридические услуги',
                WEBSITE_DEVELOPMENT: 'Разработка независимых сайтов',
                APPLY_WEBSITE_DEVELOPMENT: 'Подать заявку на услуги создания сайта',
                TRADE_FACILITATION: 'Упрощение торговли',
                APPLY_TRADE_SERVICES: 'Подать заявку на торговые услуги',
                INVESTMENT_SERVICES: 'Инвестиционные услуги',
                APPLY_INVESTMENT_SERVICES: 'Подать заявку на инвестиционные услуги',
                INDUSTRIAL_PARK_SERVICES: 'Услуги промышленных парков',
                APPLY_INDUSTRIAL_SERVICES: 'Подать заявку на услуги парка',
                ADMINISTRATIVE_SERVICES: 'Административные услуги',
                APPLY_ADMIN_SERVICES: 'Подать заявку на административные услуги',
                LIVING_SERVICES: 'Жилищные услуги',
                APPLY_LIVING_SERVICES: 'Подать заявку на жилищные услуги',
                RUSSIA_SERVICE_CENTER: 'Российский сервисный центр',
                CANCEL: 'Отмена',
                SAVE: 'Сохранить',
                PUBLISH: 'Опубликовать',
                CLOSE: 'Закрыть',
                DELETE_POST: 'Удалить',
                SUBCHAMBER: 'Подкамера',
                MANUFACTURER: 'Производитель',
                TRADE_SERVICE: 'Торговые услуги'
            }
        };

        // 测试管理员账号
        const adminAccount = { email: 'admin@test.com', password: 'admin123', type: 'admin', name: '系统管理员', company: '潮汕国际商会' };

        // 移动端导航功能
        function toggleMobileNav() {
            const mobileNav = document.getElementById('mobileNav');
            mobileNav.classList.toggle('active');
        }

        function closeMobileNav() {
            const mobileNav = document.getElementById('mobileNav');
            mobileNav.classList.remove('active');
        }

        // 初始化默认轮播图
        function initializeDefaultBanners() {
            if (bannerSlides.length === 0) {
                const defaultBanners = [
                    {
                        id: 1,
                        title: '潮汕国际商会综合服务平台',
                        description: '传承潮汕商业精神，为全球潮汕企业提供外贸、跨境电商、物流等一站式综合服务',
                        imageUrl: '',
                        buttonText: '立即注册',
                        buttonAction: 'register'
                    },
                    {
                        id: 2,
                        title: '外贸一站式服务',
                        description: '提供出口服务、信保服务、金融服务、进口服务、对俄服务等全方位外贸解决方案',
                        imageUrl: '',
                        buttonText: '查看详情',
                        buttonAction: 'trade'
                    },
                    {
                        id: 3,
                        title: '跨境电商助力企业出海',
                        description: '专业的跨境电商运营服务，助力传统外贸企业快速转型升级',
                        imageUrl: '',
                        buttonText: '了解电商',
                        buttonAction: 'ecommerce'
                    },
                    {
                        id: 4,
                        title: 'B2B撮合平台 连接全球商机',
                        description: '发布供需信息，寻找合作伙伴，让全球潮汕企业在这里相遇',
                        imageUrl: '',
                        buttonText: '进入平台',
                        buttonAction: 'overseas'
                    }
                ];
                bannerSlides = defaultBanners;
                localStorage.setItem('bannerSlides', JSON.stringify(bannerSlides));
            }
        }

        // 初始化默认新闻
        function initializeDefaultNews() {
            if (newsArticles.length === 0) {
                const defaultNews = [
                    {
                        id: 1,
                        title: 'RCEP协定为潮汕企业出海带来新机遇',
                        content: '区域全面经济伙伴关系协定（RCEP）正式生效，为潮汕地区企业拓展东南亚市场提供了新的贸易便利...',
                        category: 'policy',
                        publishDate: '2025-08-20',
                        author: '管理员'
                    },
                    {
                        id: 2,
                        title: '2025年跨境电商发展趋势分析报告',
                        content: '根据最新数据显示，跨境电商市场持续增长，预计2025年市场规模将达到新高度，为传统外贸企业转型提供机遇...',
                        category: 'market',
                        publishDate: '2025-08-18',
                        author: '管理员'
                    },
                    {
                        id: 3,
                        title: '国际物流成本持续优化，助力外贸企业降本增效',
                        content: '受益于航线恢复和运力增加，国际物流成本逐步回归理性水平，为外贸企业开展国际业务创造了有利条件...',
                        category: 'industry',
                        publishDate: '2025-08-15',
                        author: '管理员'
                    },
                    {
                        id: 4,
                        title: '潮汕国际商会成功举办2025年度企业交流大会',
                        content: '8月10日，潮汕国际商会2025年度企业交流大会在哈尔滨成功举办，来自全球的潮汕企业家齐聚一堂...',
                        category: 'chamber',
                        publishDate: '2025-08-12',
                        author: '管理员'
                    }
                ];
                newsArticles = defaultNews;
                localStorage.setItem('newsArticles', JSON.stringify(newsArticles));
            }
        }

        // 页面初始化
        document.addEventListener('DOMContentLoaded', function() {
            // 初始化默认数据
            initializeDefaultBanners();
            initializeDefaultNews();
            
            // 检查本地存储的用户信息
            const savedUser = localStorage.getItem('chaoshanUser');
            if (savedUser) {
                try {
                    currentUser = JSON.parse(savedUser);
                    updateUserInterface();
                    updatePageContent();
                } catch (error) {
                    console.error('用户数据解析失败:', error);
                    localStorage.removeItem('chaoshanUser');
                }
            }
            
            // 启动轮播图
            loadBannerSlides();
            startBannerSlider();
            updatePageContent();
            updateLanguageInterface();
            updatePlaceholders();
            
            // 加载商务信息和新闻
            loadBusinessPosts();
            loadNews();
        });

        // 加载轮播图
        function loadBannerSlides() {
            const bannerContainer = document.getElementById('bannerSlides');
            const indicatorsContainer = document.getElementById('bannerIndicators');
            
            if (!bannerContainer || !indicatorsContainer) return;

            bannerContainer.innerHTML = '';
            indicatorsContainer.innerHTML = '';

            bannerSlides.forEach((slide, index) => {
                // 创建轮播图幻灯片
                const slideElement = document.createElement('div');
                slideElement.className = `banner-slide ${index === 0 ? 'active' : ''}`;
                slideElement.innerHTML = `
                    <div class="banner-content">
                        <h2>${slide.title}</h2>
                        <p>${slide.description}</p>
                        <div class="banner-actions">
                            <button class="btn btn-primary" onclick="handleBannerAction('${slide.buttonAction}')">${slide.buttonText}</button>
                            <button class="btn btn-secondary" onclick="showPage('trade')">了解服务</button>
                        </div>
                    </div>
                `;
                bannerContainer.appendChild(slideElement);

                // 创建指示器
                const indicator = document.createElement('div');
                indicator.className = `banner-indicator ${index === 0 ? 'active' : ''}`;
                indicator.onclick = () => showSlide(index);
                indicatorsContainer.appendChild(indicator);
            });
        }

        // 处理轮播图按钮动作
        function handleBannerAction(action) {
            switch(action) {
                case 'register':
                    showRegisterModal();
                    break;
                case 'trade':
                    showPage('trade');
                    break;
                case 'ecommerce':
                    showPage('ecommerce');
                    break;
                case 'overseas':
                    if (!currentUser) {
                        showNotification('请先登录后发布商务信息', 'warning');
                        showLoginModal();
                        return;
                    }
                    showPage('overseas');
                    setTimeout(() => {
                        showPublishModal();
                    }, 300);
                    break;
                default:
                    showPage('home');
            }
        }

        // 轮播图自动播放
        function startBannerSlider() {
            slideInterval = setInterval(() => {
                currentSlide = (currentSlide + 1) % bannerSlides.length;
                showSlide(currentSlide);
            }, 6000);
        }

        function showSlide(index) {
            const slides = document.querySelectorAll('.banner-slide');
            const indicators = document.querySelectorAll('.banner-indicator');
            
            slides.forEach(slide => slide.classList.remove('active'));
            indicators.forEach(indicator => indicator.classList.remove('active'));
            
            if (slides[index] && indicators[index]) {
                slides[index].classList.add('active');
                indicators[index].classList.add('active');
            }
            
            currentSlide = index;
        }

        // 语言切换功能
        function switchLanguage(lang) {
            currentLanguage = lang;
            localStorage.setItem('selectedLanguage', lang);
            
            // 更新语言按钮状态
            document.getElementById('langZh').classList.toggle('active', lang === 'zh');
            document.getElementById('langRu').classList.toggle('active', lang === 'ru');
            
            updateLanguageInterface();
            updatePlaceholders();
            
            // 重新加载内容以更新显示的文本
            loadBusinessPosts();
            loadNews();
            
            // 如果在管理页面，重新加载管理面板数据
            if (document.getElementById('adminContent').style.display !== 'none') {
                loadAdminBusinessPosts();
                loadAdminNews();
                loadAdminBanners();
            }
        }

        // 更新界面语言
        function updateLanguageInterface() {
            const elements = document.querySelectorAll('[data-text]');
            elements.forEach(element => {
                const key = element.getAttribute('data-text');
                if (languages[currentLanguage] && languages[currentLanguage][key]) {
                    element.textContent = languages[currentLanguage][key];
                }
            });
            
            // 更新选项元素
            const options = document.querySelectorAll('option[data-text]');
            options.forEach(option => {
                const key = option.getAttribute('data-text');
                if (languages[currentLanguage] && languages[currentLanguage][key]) {
                    option.textContent = languages[currentLanguage][key];
                }
            });
        }

        // 更新输入框占位符
        function updatePlaceholders() {
            const elements = document.querySelectorAll('[data-placeholder]');
            elements.forEach(element => {
                const key = element.getAttribute('data-placeholder');
                if (languages[currentLanguage] && languages[currentLanguage][key]) {
                    element.placeholder = languages[currentLanguage][key];
                }
            });
        }

        // 显示页面
        function showPage(pageName) {
            // 关闭移动端导航
            closeMobileNav();
            
            // 检查是否需要登录
            if (!currentUser && ['trade', 'ecommerce', 'logistics', 'overseas'].includes(pageName)) {
                showNotification('所有业务页面需要登录后才能查看详细内容', 'warning');
                showLoginModal();
                return;
            }
            
            // 检查管理员权限
            if (pageName === 'admin' && (!currentUser || currentUser.type !== 'admin')) {
                showNotification('只有管理员可以访问管理面板', 'error');
                return;
            }
            
            // 隐藏所有页面
            document.querySelectorAll('.page').forEach(page => {
                page.classList.remove('active');
            });
            
            // 显示目标页面
            const targetPage = document.getElementById(pageName + 'Page');
            if (targetPage) {
                targetPage.classList.add('active');
            }
            
            // 更新导航高亮 - 桌面端
            document.querySelectorAll('.nav-btn').forEach(btn => {
                btn.classList.remove('active');
                if (btn.getAttribute('data-page') === pageName) {
                    btn.classList.add('active');
                }
            });
            
            // 更新导航高亮 - 移动端
            document.querySelectorAll('.mobile-nav-btn').forEach(btn => {
                btn.classList.remove('active');
                if (btn.getAttribute('data-page') === pageName) {
                    btn.classList.add('active');
                }
            });
            
            // 更新页面内容
            updatePageContent();
            
            // 如果是管理页面，加载数据
            if (pageName === 'admin') {
                loadUserData();
                loadAdminBusinessPosts();
                loadAdminNews();
                loadAdminBanners();
            }
            
            // 如果是出海服务页面，加载商务信息
            if (pageName === 'overseas') {
                loadBusinessPosts();
            }
            
            // 如果是新闻页面，加载新闻
            if (pageName === 'news') {
                loadNews();
            }
            
            // 滚动到顶部
            window.scrollTo(0, 0);
        }

        // 外贸服务页面功能
        function showServiceDetail(serviceType) {
            // 隐藏服务选择菜单
            document.getElementById('tradeSubmenu').classList.remove('active');
            
            // 隐藏所有服务详情
            document.querySelectorAll('.service-detail').forEach(detail => {
                detail.classList.remove('active');
            });
            
            // 显示指定服务详情
            const detailElement = document.getElementById(serviceType + 'Detail');
            if (detailElement) {
                detailElement.classList.add('active');
            }
        }

        function backToTradeSubmenu() {
            // 隐藏所有服务详情
            document.querySelectorAll('.service-detail').forEach(detail => {
                detail.classList.remove('active');
            });
            
            // 显示服务选择菜单
            document.getElementById('tradeSubmenu').classList.add('active');
        }

        // 更新页面内容
        function updatePageContent() {
            const pages = ['trade', 'ecommerce', 'logistics', 'overseas', 'profile', 'admin'];
            
            pages.forEach(page => {
                const loginRequired = document.getElementById(page + 'LoginRequired');
                const content = document.getElementById(page + 'Content');
                
                if (loginRequired && content) {
                    if (!currentUser || (page === 'admin' && currentUser.type !== 'admin')) {
                        loginRequired.style.display = 'block';
                        content.style.display = 'none';
                    } else {
                        loginRequired.style.display = 'none';
                        content.style.display = 'block';
                        
                        // 更新用户信息
                        if (page === 'profile') {
                            updateProfileContent();
                        } else if (page === 'trade') {
                            updateTradeContent();
                        }
                    }
                }
            });
        }

        // 更新个人中心内容
        function updateProfileContent() {
            if (currentUser) {
                document.getElementById('profileUserAvatar').textContent = currentUser.name.charAt(0);
                document.getElementById('profileUserName').textContent = currentUser.name;
                document.getElementById('profileUserCompany').textContent = currentUser.company;
                document.getElementById('profileUserType').textContent = getTypeText(currentUser.type);
                document.getElementById('profileUserJoinDate').textContent = '2023-01-15';
                
                // 显示管理员快捷按钮
                const adminQuickBtn = document.getElementById('adminQuickBtn');
                if (adminQuickBtn) {
                    if (currentUser.type === 'admin') {
                        adminQuickBtn.style.display = 'block';
                    } else {
                        adminQuickBtn.style.display = 'none';
                    }
                }
            }
        }

        // 更新外贸页面内容
        function updateTradeContent() {
            if (currentUser) {
                const avatar = document.getElementById('tradeUserAvatar');
                const name = document.getElementById('tradeUserName');
                const company = document.getElementById('tradeUserCompany');
                
                if (avatar && name && company) {
                    avatar.textContent = currentUser.name.charAt(0);
                    name.textContent = currentUser.name;
                    company.textContent = currentUser.company;
                }
            }
        }

        // 获取用户类型文本
        function getTypeText(type) {
            if (currentLanguage === 'zh') {
                const typeMap = { 'admin': '系统管理员', 'subchamber': '子商会', 'manufacturer': '厂商' };
                return typeMap[type] || '普通用户';
            } else {
                const typeMap = { 'admin': 'Администратор', 'subchamber': 'Подкамера', 'manufacturer': 'Производитель' };
                return typeMap[type] || 'Пользователь';
            }
        }

        // 显示通知
        function showNotification(message, type = 'info') {
            const notification = document.getElementById('notification');
            notification.textContent = message;
            notification.className = 'notification ' + type;
            notification.style.display = 'block';
            
            setTimeout(() => {
                notification.style.display = 'none';
            }, 4000);
        }

        // 模态框相关函数
        function showLoginModal() {
            document.getElementById('loginModal').classList.add('active');
        }

        function hideLoginModal() {
            document.getElementById('loginModal').classList.remove('active');
            document.getElementById('loginEmail').value = '';
            document.getElementById('loginPassword').value = '';
        }

        function showRegisterModal() {
            document.getElementById('registerModal').classList.add('active');
            toggleSubChamberField();
        }

        function hideRegisterModal() {
            document.getElementById('registerModal').classList.remove('active');
            // 清空表单
            ['registerUserType', 'registerSubChamber', 'registerCompany', 'registerName', 'registerEmail', 'registerPhone', 'registerPassword', 'registerConfirmPassword'].forEach(id => {
                const element = document.getElementById(id);
                if (element) element.value = '';
            });
        }

        function toggleSubChamberField() {
            const userType = document.getElementById('registerUserType').value;
            const subChamberField = document.getElementById('subChamberField');
            
            if (userType === 'manufacturer') {
                subChamberField.style.display = 'block';
            } else {
                subChamberField.style.display = 'none';
            }
        }

        function showPublishModal() {
            if (!currentUser) {
                showNotification('请先登录后发布商务信息', 'warning');
                showLoginModal();
                return;
            }
            
            document.getElementById('publishModal').classList.add('active');
        }

        function hidePublishModal() {
            document.getElementById('publishModal').classList.remove('active');
            // 清空表单
            document.getElementById('publishType').value = 'supply';
            document.getElementById('publishTitle').value = '';
            document.getElementById('publishDescription').value = '';
            document.getElementById('publishImage').value = '';
            document.getElementById('publishContact').value = '';
            
            // 隐藏图片预览
            const preview = document.getElementById('imagePreview');
            if (preview) preview.style.display = 'none';
        }

        function showNewsModal() {
            if (!currentUser || currentUser.type !== 'admin') {
                showNotification('只有管理员可以发布新闻', 'error');
                return;
            }
            
            document.getElementById('newsModal').classList.add('active');
        }

        function hideNewsModal() {
            document.getElementById('newsModal').classList.remove('active');
            // 清空表单
            document.getElementById('newsTitle').value = '';
            document.getElementById('newsContent').value = '';
            document.getElementById('newsCategory').value = 'policy';
        }

        function showBannerModal(bannerId = null) {
            if (!currentUser || currentUser.type !== 'admin') {
                showNotification('只有管理员可以管理轮播图', 'error');
                return;
            }
            
            editingBannerId = bannerId;
            
            if (bannerId) {
                // 编辑模式 - 填充现有数据
                const banner = bannerSlides.find(b => b.id === bannerId);
                if (banner) {
                    document.getElementById('bannerTitle').value = banner.title;
                    document.getElementById('bannerDescription').value = banner.description;
                    document.getElementById('bannerImageUrl').value = banner.imageUrl || '';
                    document.getElementById('bannerButtonText').value = banner.buttonText;
                    document.getElementById('bannerButtonAction').value = banner.buttonAction;
                }
            } else {
                // 新增模式 - 清空表单
                document.getElementById('bannerTitle').value = '';
                document.getElementById('bannerDescription').value = '';
                document.getElementById('bannerImageUrl').value = '';
                document.getElementById('bannerButtonText').value = '';
                document.getElementById('bannerButtonAction').value = 'register';
            }
            
            document.getElementById('bannerModal').classList.add('active');
        }

        function hideBannerModal() {
            document.getElementById('bannerModal').classList.remove('active');
            editingBannerId = null;
        }

        // 预览上传的图片
        function previewImage(input) {
            const preview = document.getElementById('imagePreview');
            const previewImg = document.getElementById('previewImg');
            
            if (input.files && input.files[0]) {
                const reader = new FileReader();
                
                reader.onload = function(e) {
                    previewImg.src = e.target.result;
                    preview.style.display = 'block';
                };
                
                reader.readAsDataURL(input.files[0]);
            } else {
                preview.style.display = 'none';
            }
        }

        // 保存轮播图
        function saveBanner() {
            const title = document.getElementById('bannerTitle').value.trim();
            const description = document.getElementById('bannerDescription').value.trim();
            const imageUrl = document.getElementById('bannerImageUrl').value.trim();
            const buttonText = document.getElementById('bannerButtonText').value.trim();
            const buttonAction = document.getElementById('bannerButtonAction').value;

            if (!title || !description || !buttonText) {
                showNotification('请填写完整的轮播图信息', 'warning');
                return;
            }

            if (editingBannerId) {
                // 编辑现有轮播图
                const index = bannerSlides.findIndex(b => b.id === editingBannerId);
                if (index !== -1) {
                    bannerSlides[index] = {
                        ...bannerSlides[index],
                        title,
                        description,
                        imageUrl,
                        buttonText,
                        buttonAction
                    };
                }
            } else {
                // 添加新轮播图
                const newBanner = {
                    id: Date.now(),
                    title,
                    description,
                    imageUrl,
                    buttonText,
                    buttonAction
                };
                bannerSlides.push(newBanner);
            }

            localStorage.setItem('bannerSlides', JSON.stringify(bannerSlides));
            hideBannerModal();
            loadBannerSlides();
            loadAdminBanners();
            
            showNotification(editingBannerId ? '轮播图更新成功！' : '轮播图添加成功！', 'success');
        }

        // 发布商务信息
        function publishBusinessInfo() {
            const type = document.getElementById('publishType').value;
            const title = document.getElementById('publishTitle').value.trim();
            const description = document.getElementById('publishDescription').value.trim();
            const contact = document.getElementById('publishContact').value.trim();
            const imageFile = document.getElementById('publishImage').files[0];

            if (!title || !description || !contact) {
                showNotification('请填写完整的商务信息', 'warning');
                return;
            }

            // 处理图片
            if (imageFile) {
                const reader = new FileReader();
                reader.onload = function(e) {
                    saveBusinessPost(type, title, description, contact, e.target.result);
                };
                reader.readAsDataURL(imageFile);
            } else {
                saveBusinessPost(type, title, description, contact, null);
            }
        }

        // 发布新闻
        function publishNews() {
            const title = document.getElementById('newsTitle').value.trim();
            const content = document.getElementById('newsContent').value.trim();
            const category = document.getElementById('newsCategory').value;

            if (!title || !content) {
                showNotification('请填写完整的新闻信息', 'warning');
                return;
            }

            const newNews = {
                id: Date.now(),
                title: title,
                content: content,
                category: category,
                publishDate: new Date().toISOString().split('T')[0],
                author: currentUser.name
            };

            newsArticles.unshift(newNews);
            localStorage.setItem('newsArticles', JSON.stringify(newsArticles));
            
            hideNewsModal();
            loadNews();
            
            // 如果管理面板当前打开，也更新管理面板
            if (document.getElementById('adminContent').style.display !== 'none') {
                loadAdminNews();
            }
            
            showNotification('新闻发布成功！', 'success');
        }

        // 保存商务信息
        function saveBusinessPost(type, title, description, contact, imageData) {
            const newPost = {
                id: Date.now(),
                type: type,
                title: title,
                description: description,
                contact: contact,
                image: imageData,
                publisher: {
                    name: currentUser.name,
                    company: currentUser.company,
                    type: currentUser.type
                },
                publishDate: new Date().toLocaleString()
            };

            businessPosts.unshift(newPost);
            localStorage.setItem('businessPosts', JSON.stringify(businessPosts));
            
            hidePublishModal();
            loadBusinessPosts();
            
            // 如果管理面板当前打开，也更新管理面板
            if (document.getElementById('adminContent').style.display !== 'none') {
                loadAdminBusinessPosts();
            }
            
            showNotification('商务信息发布成功！', 'success');
        }

        // 加载并显示商务信息
        function loadBusinessPosts() {
            const container = document.getElementById('businessPostsContainer');
            const noPosts = document.getElementById('noPosts');
            
            if (!container) return;

            if (businessPosts.length === 0) {
                if (noPosts) noPosts.style.display = 'block';
                return;
            }

            if (noPosts) noPosts.style.display = 'none';
            
            // 清空现有内容，但保留noPosts元素
            const existingPosts = container.querySelectorAll('.business-post-card');
            existingPosts.forEach(post => post.remove());

            businessPosts.forEach(post => {
                const postCard = document.createElement('div');
                postCard.className = 'business-post-card';
                postCard.onclick = () => showBusinessDetail(post);
                postCard.style.cursor = 'pointer';

                const typeText = currentLanguage === 'zh' 
                    ? (post.type === 'supply' ? '供应' : '需求')
                    : (post.type === 'supply' ? 'Предложение' : 'Спрос');
                
                const typeColor = post.type === 'supply' ? '#51cf66' : '#339af0';

                postCard.innerHTML = `
                    <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px;">
                        <div>
                            <span style="background: ${typeColor}; color: white; padding: 4px 12px; border-radius: 16px; font-size: 12px; font-weight: 600;">
                                ${typeText}
                            </span>
                            <h4 style="margin: 10px 0 5px 0; color: #2c3e50; font-size: 18px;">${post.title}</h4>
                            <div style="font-size: 12px; color: #999;">
                                ${post.publisher.name} - ${post.publisher.company} | ${post.publishDate}
                            </div>
                        </div>
                        ${post.image ? `<img src="${post.image}" style="width: 80px; height: 80px; object-fit: cover; border-radius: 8px; margin-left: 15px;">` : ''}
                    </div>
                    <p style="color: #555; line-height: 1.6; margin-bottom: 15px;">${post.description.length > 100 ? post.description.substring(0, 100) + '...' : post.description}</p>
                    <div style="background: #f8fafc; padding: 12px; border-radius: 8px; border-left: 4px solid ${typeColor};">
                        <strong style="color: #2c3e50; font-size: 14px;">
                            ${currentLanguage === 'zh' ? '联系方式：' : 'Контакт: '}
                        </strong>
                        <span style="color: #555;">${post.contact}</span>
                    </div>
                    <div style="text-align: center; margin-top: 15px; padding: 10px; background: #667eea; color: white; border-radius: 6px; font-size: 14px;">
                        ${currentLanguage === 'zh' ? '点击查看详情' : 'Нажмите для просмотра деталей'}
                    </div>
                `;

                container.appendChild(postCard);
            });
        }

        // 显示商务信息详情
        function showBusinessDetail(post) {
            const modal = document.getElementById('businessDetailModal');
            const content = document.getElementById('businessDetailContent');
            
            const typeText = currentLanguage === 'zh' 
                ? (post.type === 'supply' ? '供应信息' : '需求信息')
                : (post.type === 'supply' ? 'Информация о предложении' : 'Информация о спросе');
            
            const typeColor = post.type === 'supply' ? '#51cf66' : '#339af0';

            content.innerHTML = `
                <div style="margin-bottom: 20px;">
                    <span style="background: ${typeColor}; color: white; padding: 6px 16px; border-radius: 16px; font-size: 14px; font-weight: 600;">
                        ${typeText}
                    </span>
                </div>
                
                <h3 style="color: #2c3e50; margin-bottom: 15px; font-size: 24px;">${post.title}</h3>
                
                <div style="background: #f8fafc; padding: 15px; border-radius: 8px; margin-bottom: 20px;">
                    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 14px;">
                        <div><strong>${currentLanguage === 'zh' ? '发布人：' : 'Издатель: '}</strong>${post.publisher.name}</div>
                        <div><strong>${currentLanguage === 'zh' ? '公司：' : 'Компания: '}</strong>${post.publisher.company}</div>
                        <div><strong>${currentLanguage === 'zh' ? '发布时间：' : 'Время публикации: '}</strong>${post.publishDate}</div>
                        <div><strong>${currentLanguage === 'zh' ? '用户类型：' : 'Тип пользователя: '}</strong>${getTypeText(post.publisher.type)}</div>
                    </div>
                </div>

                ${post.image ? `
                    <div style="text-align: center; margin-bottom: 20px;">
                        <img src="${post.image}" style="max-width: 100%; max-height: 300px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
                    </div>
                ` : ''}

                <div style="margin-bottom: 20px;">
                    <h4 style="color: #2c3e50; margin-bottom: 10px; font-size: 18px;">${currentLanguage === 'zh' ? '详细描述' : 'Подробное описание'}</h4>
                    <p style="color: #555; line-height: 1.7; font-size: 16px; white-space: pre-wrap;">${post.description}</p>
                </div>

                <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px; border-radius: 8px;">
                    <h4 style="margin-bottom: 10px; font-size: 16px;">${currentLanguage === 'zh' ? '联系方式' : 'Контактная информация'}</h4>
                    <p style="font-size: 16px; margin: 0;">${post.contact}</p>
                </div>
            `;

            // 保存当前商务信息用于联系功能
            window.selectedBusinessPost = post;
            modal.classList.add('active');
        }

        // 隐藏商务信息详情模态框
        function hideBusinessDetailModal() {
            document.getElementById('businessDetailModal').classList.remove('active');
            window.selectedBusinessPost = null;
        }

        // 联系发布者
        function contactBusinessPublisher() {
            if (window.selectedBusinessPost) {
                const post = window.selectedBusinessPost;
                const message = currentLanguage === 'zh' 
                    ? `您希望联系发布者：${post.publisher.name}\n公司：${post.publisher.company}\n商务信息：${post.title}\n\n联系方式：${post.contact}\n\n建议您直接通过上述联系方式与发布者取得联系。`
                    : `Вы хотите связаться с издателем: ${post.publisher.name}\nКомпания: ${post.publisher.company}\nДеловая информация: ${post.title}\n\nКонтакт: ${post.contact}\n\nРекомендуем связаться с издателем напрямую через указанные контакты.`;
                
                showNotification(message, 'info');
            }
        }

        // 加载新闻
        function loadNews() {
            const container = document.getElementById('newsContainer');
            if (!container) return;

            container.innerHTML = '';

            if (newsArticles.length === 0) {
                container.innerHTML = `
                    <div style="text-align: center; padding: 60px; color: #999;">
                        <h3>${currentLanguage === 'zh' ? '暂无新闻资讯' : 'Нет новостей'}</h3>
                    </div>
                `;
                return;
            }

            newsArticles.forEach(article => {
                const categoryText = getCategoryText(article.category);
                
                const newsCard = document.createElement('div');
                newsCard.className = 'news-card';
                newsCard.onclick = () => showNewsDetail(article);
                newsCard.style.cursor = 'pointer';
                newsCard.innerHTML = `
                    <h3>${article.title}</h3>
                    <p>${article.content.length > 200 ? article.content.substring(0, 200) + '...' : article.content}</p>
                    <div class="news-meta">
                        <span>${article.publishDate} | ${article.author}</span>
                        <span class="news-category">${categoryText}</span>
                    </div>
                    <div style="text-align: center; margin-top: 15px; padding: 8px; background: #667eea; color: white; border-radius: 6px; font-size: 14px;">
                        ${currentLanguage === 'zh' ? '点击查看详情' : 'Нажмите для просмотра деталей'}
                    </div>
                `;
                container.appendChild(newsCard);
            });
        }

        // 显示新闻详情
        function showNewsDetail(article) {
            const modal = document.getElementById('newsDetailModal');
            const content = document.getElementById('newsDetailContent');
            
            const categoryText = getCategoryText(article.category);

            content.innerHTML = `
                <div style="margin-bottom: 20px;">
                    <span style="background: #667eea; color: white; padding: 6px 16px; border-radius: 16px; font-size: 14px; font-weight: 600;">
                        ${categoryText}
                    </span>
                </div>
                
                <h3 style="color: #2c3e50; margin-bottom: 15px; font-size: 28px; line-height: 1.3;">${article.title}</h3>
                
                <div style="background: #f8fafc; padding: 15px; border-radius: 8px; margin-bottom: 25px; border-left: 4px solid #667eea;">
                    <div style="display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #666;">
                        <span><strong>${currentLanguage === 'zh' ? '作者：' : 'Автор: '}</strong>${article.author}</span>
                        <span><strong>${currentLanguage === 'zh' ? '发布时间：' : 'Время публикации: '}</strong>${article.publishDate}</span>
                    </div>
                </div>

                <div style="color: #555; line-height: 1.8; font-size: 16px; white-space: pre-wrap;">
                    ${article.content}
                </div>

                <div style="margin-top: 30px; padding: 15px; background: linear-gradient(135deg, #f8fafc 0%, #e3f2fd 100%); border-radius: 8px; text-align: center;">
                    <p style="color: #666; font-size: 14px; margin: 0;">
                        ${currentLanguage === 'zh' ? '如需了解更多信息，请联系我们的客服' : 'Для получения дополнительной информации, пожалуйста, свяжитесь с нашей службой поддержки'}
                    </p>
                </div>
            `;

            modal.classList.add('active');
        }

        // 隐藏新闻详情模态框
        function hideNewsDetailModal() {
            document.getElementById('newsDetailModal').classList.remove('active');
        }

        // 获取分类文本
        function getCategoryText(category) {
            const categoryMap = {
                zh: {
                    'policy': '政策解读',
                    'market': '市场分析', 
                    'industry': '行业动态',
                    'chamber': '商会动态'
                },
                ru: {
                    'policy': 'Толкование политики',
                    'market': 'Анализ рынка', 
                    'industry': 'Отраслевые новости',
                    'chamber': 'Новости палаты'
                }
            };
            return categoryMap[currentLanguage][category] || category;
        }

        // 登录功能
        function login() {
            const email = document.getElementById('loginEmail').value.trim();
            const password = document.getElementById('loginPassword').value;

            if (!email || !password) {
                showNotification('请填写完整的登录信息', 'warning');
                return;
            }

            // 验证管理员账号
            if (adminAccount.email === email && adminAccount.password === password) {
                currentUser = {
                    email: email,
                    name: adminAccount.name,
                    type: adminAccount.type,
                    company: adminAccount.company
                };
                
                updateUserInterface();
                hideLoginModal();
                
                showNotification(`管理员登录成功！欢迎 ${currentUser.name}`, 'success');
                
                // 保存用户信息
                localStorage.setItem('chaoshanUser', JSON.stringify(currentUser));
                updatePageContent();
                return;
            }

            // 验证注册用户
            const registeredUser = registeredUsers.find(user => user.email === email && user.password === password);
            if (registeredUser) {
                currentUser = {
                    email: email,
                    name: registeredUser.name,
                    type: registeredUser.type,
                    company: registeredUser.company,
                    subchamber: registeredUser.subchamber || ''
                };
                
                updateUserInterface();
                hideLoginModal();
                showNotification(`登录成功！欢迎 ${currentUser.name}`, 'success');
                
                // 保存用户信息
                localStorage.setItem('chaoshanUser', JSON.stringify(currentUser));
                updatePageContent();
            } else {
                showNotification('账号或密码错误', 'error');
            }
        }

        // 注册功能
        function register() {
            const userType = document.getElementById('registerUserType').value;
            const subChamber = document.getElementById('registerSubChamber').value;
            const company = document.getElementById('registerCompany').value.trim();
            const name = document.getElementById('registerName').value.trim();
            const email = document.getElementById('registerEmail').value.trim();
            const phone = document.getElementById('registerPhone').value.trim();
            const password = document.getElementById('registerPassword').value;
            const confirmPassword = document.getElementById('registerConfirmPassword').value;

            if (!company || !name || !email || !phone || !password || !confirmPassword) {
                showNotification('请填写完整的注册信息', 'warning');
                return;
            }

            if (password !== confirmPassword) {
                showNotification('两次输入的密码不一致', 'warning');
                return;
            }

            // 厂商必须绑定子商会
            if (userType === 'manufacturer' && !subChamber) {
                showNotification('厂商用户必须绑定子商会', 'warning');
                return;
            }

            // 检查邮箱是否已存在
            if (registeredUsers.some(user => user.email === email) || email === adminAccount.email) {
                showNotification('该邮箱已被注册', 'warning');
                return;
            }

            // 保存注册信息
            const newUser = {
                id: Date.now(),
                userType,
                subchamber: userType === 'manufacturer' ? subChamber : '',
                company,
                name,
                email,
                phone,
                password,
                type: userType,
                registrationDate: new Date().toLocaleString()
            };

            registeredUsers.push(newUser);
            localStorage.setItem('registeredUsers', JSON.stringify(registeredUsers));

            hideRegisterModal();
            showNotification('注册成功！请使用注册邮箱登录', 'success');
        }

        // 退出登录
        function logout() {
            currentUser = null;
            localStorage.removeItem('chaoshanUser');
            updateUserInterface();
            updatePageContent();
            showNotification('已成功退出登录', 'info');
            showPage('home');
        }

        // 更新用户界面
        function updateUserInterface() {
            const guestButtons = document.getElementById('guestButtons');
            const userMenu = document.getElementById('userMenu');
            const adminBtn = document.getElementById('adminBtn');
            
            if (currentUser) {
                guestButtons.style.display = 'none';
                userMenu.style.display = 'block';
                
                document.getElementById('userName').textContent = currentUser.name;
                
                const roleElement = document.getElementById('userRole');
                roleElement.className = 'permission-badge ' + currentUser.type;
                roleElement.textContent = getTypeText(currentUser.type);
                
                // 显示管理员按钮
                if (currentUser.type === 'admin') {
                    adminBtn.style.display = 'block';
                } else {
                    adminBtn.style.display = 'none';
                }
            } else {
                guestButtons.style.display = 'flex';
                userMenu.style.display = 'none';
                if (adminBtn) adminBtn.style.display = 'none';
            }
        }

        // 切换用户下拉菜单
        function toggleUserDropdown() {
            const dropdown = document.getElementById('userDropdown');
            dropdown.classList.toggle('active');
        }

        // 申请服务
        function requestService(serviceType) {
            if (!currentUser) {
                showNotification('请先登录后申请服务', 'warning');
                showLoginModal();
                return;
            }
            
            const serviceNames = {
                zh: {
                    'export': '出口服务',
                    'insurance': '信保服务', 
                    'finance': '金融服务',
                    'import': '进口服务',
                    'russia-company': '俄罗斯公司注册服务',
                    'russia-legal': '俄罗斯法律服务',
                    'russia-website': '俄罗斯建站服务',
                    'russia-trade': '对俄贸易服务',
                    'amur-investment': '阿穆尔州投资服务',
                    'amur-industrial': '阿穆尔州园区服务',
                    'amur-admin': '阿穆尔州行政服务',
                    'amur-living': '阿穆尔州生活服务',
                    'ecommerce': '跨境电商服务',
                    'sea': '海运服务',
                    'air': '空运服务',
                    'express': '快递服务',
                    'certification': '检测认证服务',
                    'consulting': '咨询服务',
                    'corporate': '企业服务'
                },
                ru: {
                    'export': 'Экспортные услуги',
                    'insurance': 'Страховые услуги',
                    'finance': 'Финансовые услуги',
                    'import': 'Импортные услуги',
                    'russia-company': 'Услуги регистрации российских компаний',
                    'russia-legal': 'Российские юридические услуги',
                    'russia-website': 'Российские услуги создания сайтов',
                    'russia-trade': 'Российские торговые услуги',
                    'amur-investment': 'Инвестиционные услуги Амурской области',
                    'amur-industrial': 'Услуги промышленных парков Амурской области',
                    'amur-admin': 'Административные услуги Амурской области',
                    'amur-living': 'Жилищные услуги Амурской области',
                    'ecommerce': 'Услуги трансграничной электронной торговли',
                    'sea': 'Морские перевозки',
                    'air': 'Авиаперевозки',
                    'express': 'Курьерские услуги',
                    'certification': 'Услуги тестирования и сертификации',
                    'consulting': 'Консалтинговые услуги',
                    'corporate': 'Корпоративные услуги'
                }
            };
            
            const serviceName = serviceNames[currentLanguage][serviceType] || '该服务';
            const message = currentLanguage === 'zh' 
                ? `您已申请${serviceName}，小张将在30分钟内联系您！\n\n📞 联系方式：小张123\n💬 微信：小张123`
                : `Вы подали заявку на ${serviceName}, Сяо Чжан свяжется с вами в течение 30 минут!\n\n📞 Контакт: Сяо Чжан123\n💬 WeChat: Сяо Чжан123`;
                
            showNotification(message, 'success');
        }

        // 物流查询
        function trackPackage() {
            const trackingNumber = document.getElementById('trackingNumber').value.trim();
            if (!trackingNumber) {
                showNotification('请输入运单号', 'warning');
                return;
            }
            
            document.getElementById('trackingResult').style.display = 'block';
            showNotification(`查询成功！显示运单号 ${trackingNumber} 的物流信息`, 'success');
        }

        // 过滤公开商务信息
        function filterPublicBusinessPosts() {
            const searchInput = document.getElementById('publicSearchInput').value.toLowerCase();
            const typeFilter = document.getElementById('typeFilter').value;
            
            let filteredPosts = businessPosts;
            
            if (searchInput) {
                filteredPosts = filteredPosts.filter(post => 
                    post.title.toLowerCase().includes(searchInput) ||
                    post.publisher.company.toLowerCase().includes(searchInput) ||
                    post.publisher.name.toLowerCase().includes(searchInput)
                );
            }
            
            if (typeFilter !== 'all') {
                filteredPosts = filteredPosts.filter(post => post.type === typeFilter);
            }
            
            displayFilteredBusinessPosts(filteredPosts);
        }

        // 显示过滤后的商务信息
        function displayFilteredBusinessPosts(filteredPosts) {
            const container = document.getElementById('businessPostsContainer');
            const noPosts = document.getElementById('noPosts');
            
            // 清空现有内容
            const existingPosts = container.querySelectorAll('.business-post-card');
            existingPosts.forEach(post => post.remove());
            
            if (filteredPosts.length === 0) {
                if (noPosts) noPosts.style.display = 'block';
                return;
            }
            
            if (noPosts) noPosts.style.display = 'none';
            
            filteredPosts.forEach(post => {
                const postCard = document.createElement('div');
                postCard.className = 'business-post-card';
                postCard.onclick = () => showBusinessDetail(post);
                postCard.style.cursor = 'pointer';

                const typeText = currentLanguage === 'zh' 
                    ? (post.type === 'supply' ? '供应' : '需求')
                    : (post.type === 'supply' ? 'Предложение' : 'Спрос');
                
                const typeColor = post.type === 'supply' ? '#51cf66' : '#339af0';

                postCard.innerHTML = `
                    <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px;">
                        <div>
                            <span style="background: ${typeColor}; color: white; padding: 4px 12px; border-radius: 16px; font-size: 12px; font-weight: 600;">
                                ${typeText}
                            </span>
                            <h4 style="margin: 10px 0 5px 0; color: #2c3e50; font-size: 18px;">${post.title}</h4>
                            <div style="font-size: 12px; color: #999;">
                                ${post.publisher.name} - ${post.publisher.company} | ${post.publishDate}
                            </div>
                        </div>
                        ${post.image ? `<img src="${post.image}" style="width: 80px; height: 80px; object-fit: cover; border-radius: 8px; margin-left: 15px;">` : ''}
                    </div>
                    <p style="color: #555; line-height: 1.6; margin-bottom: 15px;">${post.description.length > 100 ? post.description.substring(0, 100) + '...' : post.description}</p>
                    <div style="background: #f8fafc; padding: 12px; border-radius: 8px; border-left: 4px solid ${typeColor};">
                        <strong style="color: #2c3e50; font-size: 14px;">
                            ${currentLanguage === 'zh' ? '联系方式：' : 'Контакт: '}
                        </strong>
                        <span style="color: #555;">${post.contact}</span>
                    </div>
                    <div style="text-align: center; margin-top: 15px; padding: 10px; background: #667eea; color: white; border-radius: 6px; font-size: 14px;">
                        ${currentLanguage === 'zh' ? '点击查看详情' : 'Нажмите для просмотра деталей'}
                    </div>
                `;

                container.appendChild(postCard);
            });
        }

        // 重置过滤器
        function resetFilters() {
            document.getElementById('publicSearchInput').value = '';
            document.getElementById('typeFilter').value = 'all';
            loadBusinessPosts();
        }

        // 管理员功能
        function loadUserData() {
            const tableBody = document.getElementById('userTableBody');
            if (!tableBody) return;
            
            tableBody.innerHTML = '';
            
            registeredUsers.forEach((user, index) => {
                const row = tableBody.insertRow();
                row.innerHTML = `
                    <td>${index + 1}</td>
                    <td>${user.company}</td>
                    <td>${user.name}</td>
                    <td>${user.email}</td>
                    <td>${user.phone}</td>
                    <td>${getTypeText(user.type)}</td>
                    <td>${user.subchamber || '-'}</td>
                    <td>${user.registrationDate}</td>
                `;
            });
        }

        function loadAdminBusinessPosts() {
            const container = document.getElementById('adminBusinessContainer');
            if (!container) return;
            
            container.innerHTML = '';
            
            if (businessPosts.length === 0) {
                container.innerHTML = `
                    <div style="text-align: center; padding: 40px; color: #999;">
                        <p>暂无商务信息</p>
                    </div>
                `;
                return;
            }
            
            businessPosts.forEach(post => {
                const postCard = document.createElement('div');
                postCard.className = 'business-post-card';
                postCard.style.cursor = 'default';

                const typeText = currentLanguage === 'zh' 
                    ? (post.type === 'supply' ? '供应' : '需求')
                    : (post.type === 'supply' ? 'Предложение' : 'Спрос');
                
                const typeColor = post.type === 'supply' ? '#51cf66' : '#339af0';

                postCard.innerHTML = `
                    <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px;">
                        <div style="flex: 1;">
                            <span style="background: ${typeColor}; color: white; padding: 4px 12px; border-radius: 16px; font-size: 12px; font-weight: 600;">
                                ${typeText}
                            </span>
                            <h4 style="margin: 10px 0 5px 0; color: #2c3e50; font-size: 18px;">${post.title}</h4>
                            <div style="font-size: 12px; color: #999;">
                                ${post.publisher.name} - ${post.publisher.company} | ${post.publishDate}
                            </div>
                        </div>
                        <button class="btn btn-danger" onclick="deleteBusinessPost(${post.id})" 
                                data-text="DELETE_POST">删除</button>
                    </div>
                    <p style="color: #555; line-height: 1.6; margin-bottom: 15px;">${post.description}</p>
                    <div style="background: #f8fafc; padding: 12px; border-radius: 8px; border-left: 4px solid ${typeColor};">
                        <strong style="color: #2c3e50; font-size: 14px;">
                            联系方式：
                        </strong>
                        <span style="color: #555;">${post.contact}</span>
                    </div>
                `;

                container.appendChild(postCard);
            });
        }

        function loadAdminNews() {
            const container = document.getElementById('adminNewsContainer');
            if (!container) return;
            
            container.innerHTML = '';
            
            if (newsArticles.length === 0) {
                container.innerHTML = `
                    <div style="text-align: center; padding: 40px; color: #999;">
                        <p>暂无新闻资讯</p>
                    </div>
                `;
                return;
            }
            
            newsArticles.forEach(article => {
                const categoryText = getCategoryText(article.category);
                
                const newsCard = document.createElement('div');
                newsCard.className = 'news-card';
                newsCard.innerHTML = `
                    <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px;">
                        <h3 style="flex: 1; margin: 0;">${article.title}</h3>
                        <button class="btn btn-danger" onclick="deleteNews(${article.id})" 
                                data-text="DELETE_NEWS">删除</button>
                    </div>
                    <p style="margin-bottom: 15px;">${article.content}</p>
                    <div class="news-meta">
                        <span>${article.publishDate} | ${article.author}</span>
                        <span class="news-category">${categoryText}</span>
                    </div>
                `;
                container.appendChild(newsCard);
            });
        }

        function loadAdminBanners() {
            const container = document.getElementById('adminBannerContainer');
            if (!container) return;
            
            container.innerHTML = '';
            
            if (bannerSlides.length === 0) {
                container.innerHTML = `
                    <div style="text-align: center; padding: 40px; color: #999;">
                        <p>暂无轮播图</p>
                    </div>
                `;
                return;
            }
            
            bannerSlides.forEach(banner => {
                const bannerCard = document.createElement('div');
                bannerCard.className = 'content-card';
                bannerCard.style.marginBottom = '20px';
                bannerCard.innerHTML = `
                    <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px;">
                        <h4 style="flex: 1; margin: 0; color: #2c3e50;">${banner.title}</h4>
                        <div>
                            <button class="btn btn-secondary" onclick="showBannerModal(${banner.id})" style="margin-right: 10px;">编辑</button>
                            <button class="btn btn-danger" onclick="deleteBanner(${banner.id})">删除</button>
                        </div>
                    </div>
                    <p style="color: #64748b; margin-bottom: 10px;">${banner.description}</p>
                    <div style="font-size: 12px; color: #999;">
                        按钮文字：${banner.buttonText} | 按钮动作：${banner.buttonAction}
                    </div>
                `;
                container.appendChild(bannerCard);
            });
        }

        function deleteBusinessPost(postId) {
            if (confirm('确定要删除这条商务信息吗？')) {
                businessPosts = businessPosts.filter(post => post.id !== postId);
                localStorage.setItem('businessPosts', JSON.stringify(businessPosts));
                
                loadAdminBusinessPosts();
                loadBusinessPosts(); // 更新公开显示
                
                showNotification('商务信息删除成功', 'success');
            }
        }

        function deleteNews(newsId) {
            if (confirm('确定要删除这条新闻吗？')) {
                newsArticles = newsArticles.filter(article => article.id !== newsId);
                localStorage.setItem('newsArticles', JSON.stringify(newsArticles));
                
                loadAdminNews();
                loadNews(); // 更新公开显示
                
                showNotification('新闻删除成功', 'success');
            }
        }

        function deleteBanner(bannerId) {
            if (confirm('确定要删除这个轮播图吗？')) {
                bannerSlides = bannerSlides.filter(banner => banner.id !== bannerId);
                localStorage.setItem('bannerSlides', JSON.stringify(bannerSlides));
                
                loadAdminBanners();
                loadBannerSlides();
                
                showNotification('轮播图删除成功', 'success');
            }
        }

        function clearAllBusinessPosts() {
            if (confirm('确定要清空所有撮合信息吗？此操作不可恢复！')) {
                businessPosts = [];
                localStorage.setItem('businessPosts', JSON.stringify(businessPosts));
                
                loadAdminBusinessPosts();
                loadBusinessPosts();
                
                showNotification('所有撮合信息已清空', 'success');
            }
        }

        function clearAllNews() {
            if (confirm('确定要清空所有新闻吗？此操作不可恢复！')) {
                newsArticles = [];
                localStorage.setItem('newsArticles', JSON.stringify(newsArticles));
                
                loadAdminNews();
                loadNews();
                
                showNotification('所有新闻已清空', 'success');
            }
        }

        function clearUserData() {
            if (registeredUsers.length === 0) {
                showNotification('暂无用户数据可清空', 'warning');
                return;
            }

            if (confirm('确定要清空所有用户数据吗？此操作不可恢复！')) {
                registeredUsers = [];
                localStorage.setItem('registeredUsers', JSON.stringify(registeredUsers));
                loadUserData();
                showNotification('用户数据已清空', 'success');
            }
        }

        function exportUserData() {
            if (registeredUsers.length === 0) {
                showNotification('暂无用户数据可导出', 'warning');
                return;
            }

            const headers = ['序号', '企业名称', '联系人', '邮箱', '电话', '用户类型', '子商会', '注册日期'];
            let csvContent = '\ufeff' + headers.join(',') + '\n';
            
            registeredUsers.forEach((user, index) => {
                const row = [
                    index + 1,
                    `"${user.company}"`,
                    `"${user.name}"`,
                    user.email,
                    user.phone,
                    `"${getTypeText(user.type)}"`,
                    `"${user.subchamber || '-'}"`,
                    `"${user.registrationDate}"`
                ];
                csvContent += row.join(',') + '\n';
            });

            const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
            const link = document.createElement('a');
            const url = URL.createObjectURL(blob);
            link.setAttribute('href', url);
            link.setAttribute('download', `用户注册数据_${new Date().toISOString().split('T')[0]}.csv`);
            link.style.visibility = 'hidden';
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
            
            showNotification('用户数据导出成功！', 'success');
        }

        function exportBusinessData() {
            if (businessPosts.length === 0) {
                showNotification('暂无撮合数据可导出', 'warning');
                return;
            }

            const headers = ['序号', '类型', '标题', '描述', '联系方式', '发布人', '公司', '发布日期'];
            let csvContent = '\ufeff' + headers.join(',') + '\n';
            
            businessPosts.forEach((post, index) => {
                const typeText = post.type === 'supply' ? '供应' : '需求';
                const row = [
                    index + 1,
                    `"${typeText}"`,
                    `"${post.title}"`,
                    `"${post.description}"`,
                    `"${post.contact}"`,
                    `"${post.publisher.name}"`,
                    `"${post.publisher.company}"`,
                    `"${post.publishDate}"`
                ];
                csvContent += row.join(',') + '\n';
            });

            const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
            const link = document.createElement('a');
            const url = URL.createObjectURL(blob);
            link.setAttribute('href', url);
            link.setAttribute('download', `撮合数据_${new Date().toISOString().split('T')[0]}.csv`);
            link.style.visibility = 'hidden';
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
            
            showNotification('撮合数据导出成功！', 'success');
        }

        function exportNewsData() {
            if (newsArticles.length === 0) {
                showNotification('暂无新闻数据可导出', 'warning');
                return;
            }

            const headers = ['序号', '标题', '内容', '分类', '作者', '发布日期'];
            let csvContent = '\ufeff' + headers.join(',') + '\n';
            
            newsArticles.forEach((article, index) => {
                const categoryText = getCategoryText(article.category);
                const row = [
                    index + 1,
                    `"${article.title}"`,
                    `"${article.content}"`,
                    `"${categoryText}"`,
                    `"${article.author}"`,
                    `"${article.publishDate}"`
                ];
                csvContent += row.join(',') + '\n';
            });

            const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
            const link = document.createElement('a');
            const url = URL.createObjectURL(blob);
            link.setAttribute('href', url);
            link.setAttribute('download', `新闻数据_${new Date().toISOString().split('T')[0]}.csv`);
            link.style.visibility = 'hidden';
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
            
            showNotification('新闻数据导出成功！', 'success');
        }

        // 搜索过滤功能
        function filterBusinessPosts() {
            const searchInput = document.getElementById('businessSearchInput').value.toLowerCase();
            
            let filteredPosts = businessPosts;
            
            if (searchInput) {
                filteredPosts = filteredPosts.filter(post => 
                    post.title.toLowerCase().includes(searchInput) ||
                    post.publisher.company.toLowerCase().includes(searchInput) ||
                    post.publisher.name.toLowerCase().includes(searchInput)
                );
            }
            
            displayFilteredAdminBusinessPosts(filteredPosts);
        }

        function filterNews() {
            const searchInput = document.getElementById('newsSearchInput').value.toLowerCase();
            
            let filteredNews = newsArticles;
            
            if (searchInput) {
                filteredNews = filteredNews.filter(article => 
                    article.title.toLowerCase().includes(searchInput)
                );
            }
            
            displayFilteredAdminNews(filteredNews);
        }

        function displayFilteredAdminBusinessPosts(filteredPosts) {
            const container = document.getElementById('adminBusinessContainer');
            container.innerHTML = '';
            
            if (filteredPosts.length === 0) {
                container.innerHTML = `
                    <div style="text-align: center; padding: 40px; color: #999;">
                        <p>未找到匹配的商务信息</p>
                    </div>
                `;
                return;
            }
            
            filteredPosts.forEach(post => {
                const postCard = document.createElement('div');
                postCard.className = 'business-post-card';
                postCard.style.cursor = 'default';

                const typeText = post.type === 'supply' ? '供应' : '需求';
                const typeColor = post.type === 'supply' ? '#51cf66' : '#339af0';

                postCard.innerHTML = `
                    <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px;">
                        <div style="flex: 1;">
                            <span style="background: ${typeColor}; color: white; padding: 4px 12px; border-radius: 16px; font-size: 12px; font-weight: 600;">
                                ${typeText}
                            </span>
                            <h4 style="margin: 10px 0 5px 0; color: #2c3e50; font-size: 18px;">${post.title}</h4>
                            <div style="font-size: 12px; color: #999;">
                                ${post.publisher.name} - ${post.publisher.company} | ${post.publishDate}
                            </div>
                        </div>
                        <button class="btn btn-danger" onclick="deleteBusinessPost(${post.id})">删除</button>
                    </div>
                    <p style="color: #555; line-height: 1.6; margin-bottom: 15px;">${post.description}</p>
                    <div style="background: #f8fafc; padding: 12px; border-radius: 8px; border-left: 4px solid ${typeColor};">
                        <strong style="color: #2c3e50; font-size: 14px;">联系方式：</strong>
                        <span style="color: #555;">${post.contact}</span>
                    </div>
                `;

                container.appendChild(postCard);
            });
        }

        function displayFilteredAdminNews(filteredNews) {
            const container = document.getElementById('adminNewsContainer');
            container.innerHTML = '';
            
            if (filteredNews.length === 0) {
                container.innerHTML = `
                    <div style="text-align: center; padding: 40px; color: #999;">
                        <p>未找到匹配的新闻</p>
                    </div>
                `;
                return;
            }
            
            filteredNews.forEach(article => {
                const categoryText = getCategoryText(article.category);
                
                const newsCard = document.createElement('div');
                newsCard.className = 'news-card';
                newsCard.innerHTML = `
                    <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px;">
                        <h3 style="flex: 1; margin: 0;">${article.title}</h3>
                        <button class="btn btn-danger" onclick="deleteNews(${article.id})">删除</button>
                    </div>
                    <p style="margin-bottom: 15px;">${article.content}</p>
                    <div class="news-meta">
                        <span>${article.publishDate} | ${article.author}</span>
                        <span class="news-category">${categoryText}</span>
                    </div>
                `;
                container.appendChild(newsCard);
            });
        }

        // 悬浮联系方式功能
        function contactPhone() {
            const message = '📞 联系小张\n\n服务热线：小张123\n服务时间：9:00-18:00\n专业外贸服务咨询';
            showNotification(message, 'info');
        }

        function contactWechat() {
            const message = '💬 微信联系\n\n微信号：小张123\n扫码添加微信好友\n24小时在线咨询';
            showNotification(message, 'info');
        }

        function contactEmail() {
            const message = '📧 邮箱联系\n\n邮箱：xiaoz@chaoshanbusiness.com\n工作日24小时内回复\n详细业务咨询';
            showNotification(message, 'info');
        }

        // 空函数占位符 - 用于未实现的功能
        function showServiceContentModal() {
            showNotification('服务内容管理功能开发中...', 'info');
        }

        // 点击模态框背景关闭
        document.addEventListener('click', function(e) {
            const modals = document.querySelectorAll('.modal');
            modals.forEach(modal => {
                if (e.target === modal) {
                    modal.classList.remove('active');
                    
                    // 如果是发布模态框，清空表单
                    if (modal.id === 'publishModal') {
                        hidePublishModal();
                    }
                    
                    // 如果是新闻模态框，清空表单
                    if (modal.id === 'newsModal') {
                        hideNewsModal();
                    }
                    
                    // 如果是轮播图模态框，清空表单
                    if (modal.id === 'bannerModal') {
                        hideBannerModal();
                    }
                    
                    // 如果是详情模态框，清空选中状态
                    if (modal.id === 'businessDetailModal') {
                        window.selectedBusinessPost = null;
                    }
                }
            });
            
            // 关闭用户下拉菜单
            const userMenu = document.getElementById('userMenu');
            const dropdown = document.getElementById('userDropdown');
            
            if (userMenu && dropdown && !userMenu.contains(e.target)) {
                dropdown.classList.remove('active');
            }

            // 关闭移动端导航
            const mobileNav = document.getElementById('mobileNav');
            const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
            
            if (mobileNav && !mobileNav.contains(e.target) && e.target !== mobileMenuBtn) {
                mobileNav.classList.remove('active');
            }
        });

        // 回车键提交表单
        document.addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                if (e.target.id === 'loginPassword') {
                    login();
                } else if (e.target.id === 'registerConfirmPassword') {
                    register();
                } else if (e.target.id === 'trackingNumber') {
                    trackPackage();
                } else if (e.target.id === 'publishContact') {
                    publishBusinessInfo();
                } else if (e.target.id === 'newsContent') {
                    publishNews();
                }
            }
        });

        // 初始化语言设置
        const savedLanguage = localStorage.getItem('selectedLanguage');
        if (savedLanguage) {
            switchLanguage(savedLanguage);
        }
    </script>
</body>
</html>